<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <table class="table_lists"> <tbody> <tr> <td width="40"><input type="checkbox" value="A00" class="cbx_child" name="level" /></td> <td width="100"><b>统计概览</b></td> <td> </td> </tr> <tr> <td width="40"><input type="checkbox" value="A01" class="cbx_child" name="level" /></td> <td width="100"><b>文档管理</b></td> <td> <span class="res_classify"><input type="checkbox" id="A0101" value="A0101" class="cbx_child_and" name="level" /><label for="A0101">添加文档</label></span> <span class="res_classify"><input type="checkbox" id="A0102" value="A0102" class="cbx_child_and" name="level" /><label for="A0102">修改任意文档</label></span> <span class="res_classify"><input type="checkbox" id="A0103" value="A0103" class="cbx_child_and" name="level" /><label for="A0103">审核文档</label></span> <span class="res_classify"><input type="checkbox" id="A0104" value="A0104" class="cbx_child_and" name="level" /><label for="A0104">移动文档</label></span> <span class="res_classify"><input type="checkbox" id="A0105" value="A0105" class="cbx_child_and" name="level" /><label for="A0105">复制文档</label></span> <span class="res_classify"><input type="checkbox" id="A0106" value="A0106" class="cbx_child_and" name="level" /><label for="A0106">删除文档</label></span> <span class="res_classify"><input type="checkbox" id="A0107" value="A0107" class="cbx_child_and" name="level" /><label for="A0107">清空文档</label></span> </td> </tr> <tr> <td width="40"><input type="checkbox" value="A02" class="cbx_child" name="level" /></td> <td width="100"><b>分类管理</b></td> <td> <span class="res_classify"><input type="checkbox" id="A0201" value="A0201" class="cbx_child_and" name="level" /><label for="A0201">添加分类</label></span> <span class="res_classify"><input type="checkbox" id="A0202" value="A0202" class="cbx_child_and" name="level" /><label for="A0202">修改分类</label></span> <span class="res_classify"><input type="checkbox" id="A0203" value="A0203" class="cbx_child_and" name="level" /><label for="A0203">删除分类</label></span> </td> </tr> </tbody> </table> <script src="jquery-1.8.3.min.js"></script> <script> $(function(){ $('input.cbx_child').change(function(){ var cbx_child_and = $(this).parent().siblings().find('input'); $(this).prop('checked')?cbx_child_and.prop('checked',true):cbx_child_and.prop('checked',false); }); $('input.cbx_child_and').change(function(){ if($(this).prop('checked')){ $(this).prop('checked',true).parents('td').siblings().children('.cbx_child').prop('checked',true); } else{ if($(this).parents('td').find("input:checked").length==0){ $(this).parents('td').siblings().children('.cbx_child').prop('checked',false); } } }); }); </script> </body> </html>