如何实现“选择全部”复选框

Question

我有发票页面，客户选择发票和付款。发票页面如果发票是多个发票，则客户需要每个发票选择每个复选框，然后单击生成发票以付款。我希望如果发票是多个客户应该检查的，那么其工作客户没有选择选择单。他应该选择所有复选框，然后选择其工作。

我认为在页面上的JavaScript代码如下：

<script language="JavaScript">
function checkAll(theForm, cName) {
  for (i=0,n=theForm.elements.length;i<n;i++)
    if (theForm.elements[i].className.indexOf(cName) !=-1)
      if (theForm.elements[i].checked == true) {
        theForm.elements[i].checked = false;
      } else {
        theForm.elements[i].checked = true;
      }
}
</script>

在发票页面上，我也有选项选择所有复选框 代码如下：

<input type="checkbox" name="kk" id="kk"  onClick="checkAll(document.getElementById('form4'), 'chk1');" >

当数据库检查代码中发票更为多重时是：

<input name="orderNo[]" <?php  if ($SQLRow["priceStatus"]=="Received") { ?> disabled="disabled"<?php } ?> type="checkbox" id="orderNo[]" value="<?php echo $SQLRow["orderNo"];?>" class="chk1" />

我只需要一个帮助，如果选择了所有复选框，则需要其工作。

Answer 1

尝试此

$('#kk').on('click', function() {
   if($(this).prop("checked")){
            $('input:checkbox').each(function() {
                $(this).attr("checked", "checked");
                $(this).prop("checked", true);
            });
        }
        else{
            $('input:checkbox').each(function() {
                $(this).removeAttr("checked", "checked");
                $(this).prop("checked", false);
            });
        }
});

jsfiddle在这里