如何实现“全选”复选框

时间:2017-12-04 16:33:44

标签: javascript php html

我有发票页面,客户选择发票并付款。发票页面如果发票是多个,则客户需要选中每个复选框,然后单击生成发票进行付款。我想如果发票是多个客户应该检查所有然后它的工作客户没有选择选择单。他应该选择所有复选框然后选择它的工作。

我认为页面上的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" />

如果选中所有复选框,那么我只想要一个帮助。

1 个答案:

答案 0 :(得分:-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 is here