javascript - 用于选择复选框的 Javascript 代码在 IE8 中不起作用

Question

我有以下代码可以切换选择具有特定名称的所有复选框。

该代码在基于 webkit 的浏览器中运行良好，但在 IE8 中根本不起作用。

选择全部切换，不会选择任何内容。

<label class="checkbox">

<input name="product" type="checkbox" id="7553" value="true" title="option1">
option1
</label>

<label class="checkbox">

<input name="product" type="checkbox" id="65693" value="true" title="option2">
option2
</label>

<label class="checkbox">
<input type="checkbox" onClick="toggle(this)"><strong>Select all</strong>
</label>

这是JS

<script type="text/javascript">
function toggle(source) {
checkboxes = document.getElementsByName('product');
for(var i in checkboxes)
checkboxes[i].checked = source.checked;
}
</script>

谁能明白为什么以上在 IE8 中不起作用？

谢谢

Answer 1

可能是因为你不应该for..in在数组（或者，在这种情况下，一个类似数组的对象）上使用。

尝试这个：

for( var i=0, l=checkboxes.length; i<l; i++) {
    checkboxes[i].checked = source.checked;
}