用於選擇不在IE8中工作的復選框的Javascript代碼

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;
}