javascript - 'checkAll' 只有一个复选框时出现奇怪的行为

Question

我有一段 JavaScript 应该检查或取消检查我的所有复选框(名称相同).. 当有多个复选框时工作正常...如果只有则不起作用存在一个复选框。 (我意识到在单个选项屏幕上单击“全部检查”之间的实际区别是相同的，并且有人可能会争辩说“全部检查”甚至不应该出现在只有一个选项的屏幕上 - 然而客户坚持要求一致的屏幕...所以请不要带我走我已经争论过的路线)

脚本:

// check uncheck all check boxes
var checkAll = function( checkname, exby ) { 
    alert( checkname.length ); // undefined when there is only one check box
    for ( i = 0; i < checkname.length; i++ ) {
        checkname[i].checked = exby.checked ? true : false;
    }
}

注意 - 我添加了一个警报来检查长度，当只有一个复选框时，它是未定义的，但在任何其他时间都是准确的？？？

HTML 不起作用...

<form method="post" name="createInvoice" >
    Check/Uncheck All <input name="chkAll" onclick="checkAll( document.createInvoice.PO, this );" type="checkbox" >
    <input name="PO" value="7835" class="chkbox" type="checkbox" >
</form>

HTML 的作用...

<form method="post" name="createInvoice" >
    Check/Uncheck All <input name="chkAll" onclick="checkAll( document.createInvoice.PO, this );" type="checkbox" >
    <input name="PO" value="13506" class="chkbox" type="checkbox" >
    <input name="PO" value="14046" class="chkbox" type="checkbox" >
</form>

Answer 1

如果只有 1，那么它就是元素，而不是数组。

if (!!checkname.length) {
    for ( i = 0; i < checkname.length; i++ ) {
        checkname[i].checked = exby.checked ? true : false;
    }
} else {
    checkname.checked = exby.checked ? true : false;
}