<tr>
<td width="2%"> </td>
<td>
input type="checkbox" name="role_auth_ids[]" class="menus" value="1"/><b><font color='red'>权限管理</b></font></td>
<td>
<div style="width:100px;float:left" id="d1"><input type="checkbox" name="role_auth_ids[]" class="submenus" value="2"/>添加权限</div>
<div style="width:100px;float:left" id="d1"><input type="checkbox" name="role_auth_ids[]" class="submenus" value="3"/>权限列表</div>
<div style="width:100px;float:left" id="d1"><input type="checkbox" name="role_auth_ids[]" class="submenus" value="7"/>权限分配</div>
</td>
</tr>
我想问的是使用jquery怎么实现 在选中权限管理得情况下,取消选中 '添加权限' 和 '权限列表' 和 '权限分配' 时,权限管理也自动取消选中。 也就是取消选中最后面单元格的checkbox就自动取消选中 权限管理
------解决思路----------------------
$(function() {
$('[name="role_auth_ids[]"]:eq(0)').click(function() {
if($(this).prop('checked') == false) $('[name="role_auth_ids[]"]:gt(0)').prop('checked', false);
});
$('[name="role_auth_ids[]"]:gt(0)').click(function() {
var n = 0;
$('[name="role_auth_ids[]"]:gt(0)').each(function() {
if($(this).prop('checked')) n++;
});
$('[name="role_auth_ids[]"]:eq(0)').prop('checked', n ? true : false);
});
})