当前位置: 代码迷 >> 综合 >> 全选,全不选,满足全选的时候自动加上全选
  详细解决方案

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

热度:48   发布时间:2024-01-20 12:31:58.0

这里只写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)可能不生效。

  相关解决方案