選擇所有復選框在Internet Explorer 9上不起作用

Question

我試圖選中/取消選中所有復選框，點擊全選/取消選中全部復選框，如下所示：

onclick="selectAll(document.getElementsByName('myForm:checkboxes'));"

和JS功能：

function selectAll(checkboxes)
        {       
                for(var i in checkboxes)
                checkboxes[i].checked = true;
        }

function deselectAll(checkboxes)
            {       
                    for(var i in checkboxes)
                    checkboxes[i].checked = false;
            }

和HTML：

<input type="checkbox" value="15" name="myForm:checkboxes" id="myForm:checkboxes3:_1">

這段代碼在firefox中工作正常，但在Internet Explorer 9中它不起作用。

Answer 1

發表評論作為答案：

一個for..in循環，來自Mozilla Developer Network的文檔：

for ... in循環以任意順序迭代對象的屬性

由於您的checkboxes是nodeList而不是對象，因此應該使用for循環。

所以，而不是for...in ，使用：

for (var i=0,len=checkboxes.length;i<len;i++){
    // do stuff
}

參考文獻：

• for (){/*...*/} 。
• for..in循環 。