layui结合form,table的全选、反选v1.0示例讲解

<div class="layui-form"><table class="layui-table">  <thead>    <tr>      <td>        <input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose">      </td>      <td>ID</td>      <td>角色名</td>      <td>唯一标识</td>      <td>状态</td>      <td>操作</td>    </tr>  </thead>  <tbody class="role_list">    <tr>      <td>        <input type="checkbox" name="" lay-skin="primary" lay-filter="itemChoose">      </td>      <td>1</td>      <td>xxx</td>      <td>xxx</td>      <td>xxx</td>      <td>xxx</td>    </tr>  </tbody></table></div>

form.on('checkbox(allChoose)', function(data){  var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');  child.each(function(index, item){    item.checked = data.elem.checked;  });  form.render('checkbox');});form.on('checkbox(itemChoose)',function(data){  var sib = $(data.elem).parents('table').find('tbody input[type="checkbox"]:checked').length;  var total = $(data.elem).parents('table').find('tbody input[type="checkbox"]').length;  if(sib == total){    $(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked",true);    form.render();  }else{    $(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked",false);    form.render();  }});