全选,全不选,满足全选的时候自动加上全选

来源:互联网 发布:学做淘宝店 编辑:程序博客网 时间:2024/04/29 20:16

这里只写js的实现逻辑

全选或者是全不选

$('.checkboxAll').on('click',function(){if(this.checked){$(".indent tr :checkbox").each(function(){this.checked=true;}); }else{$('.indent tr :checkbox').each(function(){this.checked=false;}); }});

满足条件后自动加上或者是取消全选

$('.indent td :checkbox').on('click',function(){$('.checkboxAll')[0].checked=true;var num = $('.indent td :checkbox').each(function(){if(this.checked == false){$('.checkboxAll')[0].checked=false;}});});

这里有一个问题需要注意的是给每个复选框加checked的时候最好是使用this.checked = true,

如果使用$(".indent tr :checkbox").attr("checked",true)可能不生效。

0 0