Rumah > pembangunan bahagian belakang > tutorial php > 关于一些简单的jquery问题

关于一些简单的jquery问题

WBOY
Lepaskan: 2016-06-23 13:44:55
asal
936 orang telah melayarinya

<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>
Salin selepas log masuk


我想问的是使用jquery怎么实现 在选中权限管理得情况下,取消选中 '添加权限' 和 '权限列表' 和 '权限分配' 时,权限管理也自动取消选中。 也就是取消选中最后面单元格的checkbox就自动取消选中 权限管理


回复讨论(解决方案)

建议去看看jquery的手册吧

juqery 全选和反选

$(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);  });})
Salin selepas log masuk

楼上的方法不可以啊,不是全选和反选的意思~

我那是全选和反选吗?你试了没有?

去掉 “权限管理” 的勾选 '添加权限' 和 '权限列表' 和 '权限分配" 已选的变成不选
'添加权限' 和 '权限列表' 和 '权限分配" 任意选中几个,“权限管理”选中
'添加权限' 和 '权限列表' 和 '权限分配"都不选,“权限管理”不选

我就是想实现 
'添加权限' 和 '权限列表' 和 '权限分配" 任意选中几个,“权限管理”选中
'添加权限' 和 '权限列表' 和 '权限分配"都不选,“权限管理”不选 
但是实现不了啊

你那个prop是什么意思??

哦,可以实现了,以前用的jquery 不支持 prop方法 实现不了,换了就可以了~赞

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan