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

Answer 2

这是因为它是如何实施的。

名称可以在document.getElementsByName（）方法中使用，该方法是一个表单和表单元素集合。当与表单或元素集合一起使用时，它可能会返回单个元素或集合。

See Document Ref

Demo

var checkAll = function(checkname, exby) { 
    if(!checkname.length) 
    { 
     checkname.checked = exby.checked ? true : false; 
     return; 
    } 
    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; 
    } 
} 

Answer 3

我相信，当你有一个复选框名为 “PO”，然后document.createInvoice.PO将评估与该名称的单一的DOM元素。当有不止一个，显然它会给你一个DOM元素的列表，它具有一个length属性。

所以当只有一个，你没有得到一个长度。

你可以添加逻辑来处理这两种情况下：

var checkAll = function(checkbox, exby) { 
    var checkboxes = checkbox.length ? checkbox : [checkbox]; 
    for (i = 0; i < checkboxes.length; i++) { 
     checkboxes[i].checked = exby.checked; 
    } 
};