jquery checkbox 全选全不选反选

最新推荐文章于 2021-08-02 20:28:10 发布

baidu_30922793

最新推荐文章于 2021-08-02 20:28:10 发布

阅读量243

点赞数

分类专栏： java jquery 文章标签： javascript

本文链接：https://blog.csdn.net/baidu_30922793/article/details/50836140

版权

jquery 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

java

5 篇文章 0 订阅

订阅专栏

//页面初始化
//---js
$(function(){
    //全选
    $("#All").bind('click',function(){
        $('input[name="check"]').prop("checked", true);
    });

    //全不选
    $("#None").bind('click',function(){
    $('input[name="check"]').prop("checked", false);

    //反选
    $("#Reverse").bind('click',function(){
        $('input[name="check"]').each(function(){
        $(this).attr("checked",!$(this).prop("checked"));
         });
    });
});

    //---jsp
<body>
<input type="checkbox" name="check" >选项1<br/>
<input type="checkbox" name="check" >选项2<br/>
<input type="checkbox" name="check" >选项3<br/>
<input type="button" value="All" id="All"/>
<input type="button" value="None" id="None"/>
<input type="button" value="Reverse" id="Reverse"/>
</body>