input type="checkbox" 全选/全不选

Y_weiguang

于 2018-11-28 22:12:40 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： js jquery 全选/全不选全选全不选

本文链接：https://blog.youkuaiyun.com/Y_weiguang/article/details/84593634

本文介绍了一种使用jQuery实现复选框全选和全不选功能的方法。通过监听全选按钮的点击事件，可以控制一组复选框的状态，实现全选或全不选的效果。

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

<input type="checkbox" name="abc" value="">11111111111
<input type="checkbox" name="abc" value="">22222222222
<input type="checkbox" name="abc" value="">33333333333
<input type="checkbox" name="abc" value="">44444444444
<input type="checkbox" name="abc" value="">55555555555

<input type="checkbox" name="check" value="">全选/全不选

$("input[name='check']").click(function(){
        //判断当前点击的复选框处于什么状态$(this).is(":checked") 返回的是布尔类型
        if($(this).is(":checked")){
            $("input[name='abc']").prop("checked",true);
        }else{
            $("input[name='abc']").prop("checked",false);
        }
 });