jQuery checkbox反复选中只生效一次的解决方法

初始状态复选框没有全选,

点击全选按钮调用checkAll方法,

实现了全选,

然后点击全不选按钮,

实现了全不选,

然后再次点击全选按钮,

结果却木有全选,

再反复点击木有任何反应。



解决方法:

把使用prop方法代替attr方法,


问题代码:


  $("#CheckedAll").click(function(){
    console.log("checkedall")
    $("[name=items]").prop("checked", true);
  });
  $("#CheckedNo").click(function(){
    console.log("checkedNo")
    $("[name=items]:checkbox").attr('checked',false)
  });


修改后
  $("#CheckedAll").click(function(){
    console.log("checkedall")
    $("[name=items]:checkbox").attr('checked',true)
  });
  $("#CheckedNo").click(function(){
    console.log("checkedNo")
    $("[name=items]:checkbox").attr('checked', false)
  });


你可能感兴趣的:(html)