javascript - Javascript选中/取消选中所有复选框功能仅在有多个复选框时才有效

Question

我将一系列复选框设置为数组 (name="action[]") 和一个 JavaScript 函数，该函数链接到另一个复选框以选中/取消选中所有这些复选框。当至少有两个要检查的复选框时，它工作正常，但如果只有一个，它什么也不做。谁能指出我正确的方向？谢谢！

HTML：

<input type="checkbox" name="checkall" id="checkall" class="box" onClick="doCheck(this, 'action');">

<input type="checkbox" name="action[]" id="action" value="' . $something['someid'] . '" class="box">
<input type="checkbox" name="action[]" id="action" value="' . $something['someid'] . '" class="box">

JavaScript：

function doCheck(mainChk, fields) {
  for(i = 0; i < mainChk.form.elements[fields].length; i++) {
    mainChk.form.elements[fields][i].checked = mainChk.checked;
  }
}

Answer 1

<input type="checkbox" name="checkall" id="checkall" class="box">

<input type="checkbox" name="action[]" id="action" value="' . $something['someid'] . '" class="box check-child">
<input type="checkbox" name="action[]" id="action" value="' . $something['someid'] . '" class="box check-child">

如果您想使用 jquery，您可以使用以下代码：

$("#checkall").click(function(){
    if($(this).is(":checked"))
        $(".check-child").attr("checked", "checked");
    else
        $(".check-child").removeAttr("checked");
));