layui checkbox关联选择

layui checkbox关联选择

<div class="layui-form-item">
			    <label class="layui-form-label">负责班级：</label>
			      <div class="layui-input-block" style="margin: 10px ;">
                     <li>
                         <input type="checkbox" class="parent"  lay-skin="primary" title="人事模块">
                         <ul>
                             <input type="checkbox" name="limits[]" lay-skin="primary" title="社区系统">
                            <input type="checkbox" name="limits[]" lay-skin="primary" title="用户" >
                            <input type="checkbox" name="limits[]" lay-skin="primary" title="角色">
                            <input type="checkbox" name="limits[]" lay-skin="primary" title="评论审核">
                         </ul>
                     </li>
                 </ul>
			  </div>
			  </div>

form.on('checkbox()', function(data){
        var pc =  data.elem.classList //获取选中的checkbox的class属性
        if(pc=="parent"){  //如果当前选中的checkbox class里面有parent
              var c =$(data.elem).siblings().children("input[type='checkbox']");
              c.each(function(){//遍历他们的孩子们
                 var e = $(this);  
                 e.prop("checked", data.elem.checked);
            });
        }else{
        	  var ul = $(data.elem).closest("ul");
        	   var c =ul.children("input[type='checkbox']");
        	   var clen = c.size();
        	   var xuanzhong = true;
        	   c.each(function(){//遍历他们的孩子们
                 var e = $(this);  
                 if(e.prop("checked")==false){
                	 xuanzhong=false;
                 }
               });
        	   $(data.elem).parent().siblings("input[type='checkbox']").prop("checked",xuanzhong);
        }
        
        form.render('checkbox');
        
});