checkbox 全选

qq群527796869

于 2015-12-02 13:20:23 发布

阅读量245

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xunwei0303/article/details/50146945

本文介绍如何使用jQuery选择器和事件处理来动态地根据复选框的状态更改DOM元素的可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery(":checkbox[id^=rg_ck_]").click(function(){
var val=jQuery(this).attr("id").substring(6);
alert(val)
var ck=jQuery(this).attr("checked");
alert(ck)
var expr="ul[id=rg_"+val+"] :checkbox";
if(ck=="checked"){
jQuery(expr).attr("checked",true);
}else jQuery(expr).attr("checked",false);

});

html

<li><label><b class="spec_check2"><input name="role_392" type="checkbox" id="role_392" value="392"> </b> <em>橱窗管理</em></label</li>

<li><label><b class="spec_check2"><input name="role_447" type="checkbox" id="role_447" value="447"> </b> <em>首页楼层</em></label</li>

<li><label><b class="spec_check2"><input name="role_481" type="checkbox" id="role_481" value="481"> </b> <em>专题管理</em></label</li> </ul>

</div>