小编Jes*_*ica的帖子

我使用 JavaScript 创建了 3 个radio按钮，并label为每个按钮创建了一个。当我尝试for使用 添加标签时htmlFor，它不会将其应用于实际的 DOM 元素。这意味着，当我尝试在网页上使用时label，它不会选择该radio按钮。

我检查了开发人员工具，发现 并labels没有for适用于它们。

我做错了什么，我该如何解决？

JSFiddle

var _doc = document,
  sliderWrapper = _doc.getElementById('sliderWrapper'),
  radioWrapper = _doc.createElement('div');

for (var i = 0; i < 3; i++) {
  var radio = _doc.createElement('input');
  var niceRadio = _doc.createElement('lable');
  var index = radioWrapper.children.length / 2;

  niceRadio.className = 'niceRadio';
  niceRadio.htmlFor = radio.id = 'sliderRadio' + index;
  radio.type = 'radio';
  radio.name = 'myName';

  radioWrapper.appendChild(radio);
  radioWrapper.appendChild(niceRadio); …

我正在尝试使用@media. 我正在通过 chrome 开发工具对其进行测试，并且仅当在 chrome 上测试移动设备时，移动屏幕尺寸才不起作用，方法是单击f12（在 chrome 中打开开发工具）然后点击ctr+ Shift+ M 。

当您调整大小时，@media (max-width: 480px)永远不会被切换。我做错了什么，我该如何解决？

代码笔

/* Width is less than x*/

@media (max-width: 480px) {
  body {
    background-color: blue;
  }
}
/* Width is greater than x*/

@media (min-width: 480px) {
  body {
    background-color: green;
  }
}
/* Width is greater than x*/

@media (min-width: 1024px) {
  body {
    background-color: orange;
  }
}

我正在尝试这样做一个if语句:

if ([myString isEqualToString:@"string"] && myint == 3 || myint == 2) {...}

基本上是什么,它确保它strings是平等的.然后,要么myint可以等于2或3.

当我尝试这样做时,我得到一个错误说'&&' withing '||'.它建议在括号中加上括号,&&如下所示:

if (([myString isEqualToString:@"string"] && myint == 3) || myint == 2)

我的问题是,如果没有括号,为什么我不能这样做.括号做了什么？

我试图在用户上传文件时自动提交上传的文件。我发现的最短方法是插入onChange="form.submit()"上传文件input。Source我这样做了，现在当我向submit input（通过 JavaScript）插入一个动作时，它不会被触发。

执行时如何触发事件onChange="form.submit()"？

JSFiddle

代码片段：

$("form").on('submit',function(){
    alert("It works");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="http://example.com">
    <input type="file" id="file" onChange="form.submit()" />
    <input id="submit" type="submit" name="submit" value="Upload"/>
</form>

更新

我知道可以使用 .$('#file').change(function()...但我想知道是否可以使用onChange="form.submit()".

我正在尝试获取类中元素的索引.例如,如果我有一个myClass使用5个元素调用的类,并且第四个元素的id为fourth,我想#fourth从类中获取索引号.

我尝试使用indexOf这样的:

var myClass = document.getElementsByClassName('myClass');
var fourth = document.getElementById('fourth');

console.log(myClass.indexOf(fourth));

但我得到一个错误说:

未捕获的TypeError:myClass.indexOf不是函数

的jsfiddle

代码片段

var myClass = document.getElementsByClassName('myClass');
var fourth = document.getElementById('fourth');

console.log(myClass.indexOf(fourth));

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass" id="fourth"></div>
<div class="myClass"></div>

然后我尝试创建自己的函数,从类中获取索引:

function indexInClass(node) {
    var className = node.className;
    var num = 0;
    for (var i = 0; i < className.length; i++) {
        if (className[i] === node) {
            return num;
        }
        num++;
    }
    return -1;
}

但是当我使用它时,我得到了不确定.

我如何获得该类的索引？ …