html
<tr> <th width="120"><input type="checkbox" value="53" οnclick="CheckAll(this.checked,this)">用户管理</th> <td> <input type="checkbox" value="" οnclick="CheckOne(this.checked,this);">用户列表 <input type="checkbox" value="" οnclick="CheckOne(this.checked,this);">角色管理 </td> </tr>
js
function CheckAll(val,index) { $(index).parents('tr').find('td').find('input').each(function() { this.checked = val; }); } function CheckOne(val,index) { var PValue = true; var i = 0; var inputLength = $(index).parents('td').find('input').length; $(index).parents('td').find('input').each(function() { if( this.checked == val ) { i++; } }); if( inputLength == i ) { PValue = val; } $(index).parents('tr').find('th').find('input').each(function() { this.checked = PValue; }); }