Question

//toggle check all

$("#bill-all").click(function(){

    if( $(this).is(":checked") ){

        $('.bill_fillter').prop('checked', true);

    } else {

        $('.bill_fillter').prop('checked', false);

    }

});

HTML：代码如果我在这里查看。

<input type="checkbox" name="all" id="bill-all" />

检查全部无法正常工作，如果我选中则无需检查

<input type="checkbox" name="bill_<?php echo($i);?>" report_date="<?php echo $a1[1]; ?>" value="<?php echo($unit_id);?>" class="bill_fillter" id="bill-all"/>

Answer 1

$("#bill-all").click(function(){

   if( $(this).is(":checked") )
     $(".bill_filter").prop('checked', true);
   else 
     $(".bill_filter").prop('checked', false);

});

Answer 2

删除id表单 -

<input type="checkbox" name="bill_<?php echo($i);?>" report_date="<?php echo $a1[1]; ?>" value="<?php echo($unit_id);?>" class="bill_fillter" id="bill-all"/>

尝试 -

<input type="checkbox" name="bill_<?php echo($i);?>" report_date="<?php echo $a1[1]; ?>" value="<?php echo($unit_id);?>" class="bill_fillter"/>

样本 -

   <input type="checkbox" name="bill"   class="bill_fillter" />
   <input type="checkbox" name="bill"   class="bill_fillter" />
   <input type="checkbox" name="bill"   class="bill_fillter" />
   <hr />
   <input type="checkbox" name="all" id="bill-all" />

脚本 -

$(document).ready(function() {
    $("#bill-all").click(function(){

    if( $(this).is(":checked") ){

        $('.bill_fillter').prop('checked', true);

    } else {

        $('.bill_fillter').prop('checked', false);

    }

});

Answer 3

我怀疑你没有在文档就绪上绑定click事件。

以HTML为例

<input type="checkbox" id="bill-all" /><br /><br />

<input type="checkbox" class="bill_filter" /><br />
<input type="checkbox" class="bill_filter" /><br />
<input type="checkbox" class="bill_filter" />

当DOM（文档）准备好时，需要执行javascript代码，例如所有HTML元素都可用。

  $(function() {
    $('#bill-all').click(function() {
      $('.bill_filter').prop("checked", $(this).is(':checked'));
    });
  });

检查全部不起作用

3 个答案: