jquery 对asp.net CheckBoxList全选、反选

YmNets

于 2011-08-09 15:49:59 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： ④ JQuery相关文章标签： asp.net jquery function input

本文链接：https://blog.csdn.net/iouxyz/article/details/6672801

④ JQuery相关专栏收录该内容

4 篇文章

订阅专栏

本文介绍两种使用JavaScript实现网页上复选框全选与反选的方法。第一种方法利用jQuery库进行操作，第二种则直接使用JavaScript原生语法。这两种方法均可应用于实际项目中对复选框状态的批量更改。

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

第一种：

全选
    $(".checkBoxSelect").each(function() {
                $(this).attr("checked", true);
     });
反选
     $(".checkBoxSelect").each(function() {
                        if($(this).attr("checked"))
                        {
                                $(this).attr("checked", false);
                        }
                        else
                        {
                                $(this).attr("checked", true);
                        }
                });

第二种

全选
    $("#<%=CheckBoxList.ClientID %> input:checkbox").each(function(index,domEle){
              if(this.type=="checkbox")
                   this.checked=true;
    });反选
    $("#<%=CheckBoxList.ClientID %> input:checkbox").each(function(index,domEle){
             if(this.type=="checkbox")
                  this.checked=!this.checked;
    });