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