全选，复选框判断jquery

最新推荐文章于 2021-08-16 14:46:12 发布

【桃夭】

最新推荐文章于 2021-08-16 14:46:12 发布

阅读量354

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/qq_22552085/article/details/80107512

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery实现全选与单选功能的方法。通过监听全选按钮的状态来控制一组单选框的选择状态，并反之亦然。具体实现了当所有单选框被选中时，全选按钮自动选中；当取消某个单选框的选择时，全选按钮随之取消选中状态。

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

//判断是否选中
$('input[name="sd_selectall"]').click(function(){
//alert(this.checked);
if($(this).is(':checked')){
$('input[name="sd_CheckBox"]').each(function(){
//此处如果用attr，会出现第三次失效的情况
$(this).prop("checked",true);
});
}else{
$('input[name="sd_CheckBox"]').each(function(){
$(this).removeAttr("checked",false);
});
//$(this).removeAttr("checked");
}
});
//单个选
$(".sd_grop_list").on("click","input[name='sd_CheckBox']",function(e){
e.stopPropagation();
console.log("123");
if($("input[name='sd_CheckBox']").not("input:checked").size() <= 0){
//如果其它的复选框全部被勾选了，那么全选勾中
$('input[name="sd_selectall"]').attr('checked',true);
}else{
$('input[name="sd_selectall"]').attr('checked',false);
}
});