以前我们做CheckBoxList全选,反选,一般用Aspx+CodeFile、或者用JavaScript,

现在我们可以用JQuery来帮我Easy Choose。

这里我来写三种:

第一种

全选

$(".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(){

if(this.type=="checkbox")

this.checked=true;

});
反选

$("#<%=CheckBoxList.ClientID %> input:checkbox").each(function(){

if(this.type=="checkbox")

this.checked=!this.checked;

});

第三种

    使用toggle方式进行全选、反选

btnSelAll.click(function() {
               jqClass.toggleChecks(null);
           });

var jqClass= {
                 //Toggle Item For CheckBoxList
                 toggleChecks: function(b) {
                          $("#<%=cblContact.ClientID %> input[type=checkbox]").each(function() {
                                    if (typeof this.checked != "undefined") {
                                              if (b == null)
                                                    this.checked = (!this.checked);
                                              else
                                                    this.checked = b;
                                     }
                            });
              }
       }

第四种:Plugin 方式

(function($$) {
    $.fn.jCheckboxList = function(opt) {
        var option = {
            root: '',  //  checkbox id of "select all"
            childCls: ''  // another checkboxs
        };
        var opt = $.extend({}, option, opt);
        var el = $(this).attr('id');
        var allchild = "#" + el + " :input[type=checkbox]." + opt.childCls;
        $("#" + opt.root).click(function() {
            var isChecked = $(this).attr('checked');
            if (isChecked)
                $(allchild).attr('checked', true);
            else
                $(allchild).attr('checked', false);
        });

$.each($(allchild), function(i, v) {
            var all = $(allchild).length;
            $(v).click(function() {
                var count = $(allchild + "[checked]").length;
                if (count == all)
                    $("#" + opt.root).attr('checked', true);
                else
                    $("#" + opt.root).attr('checked', false);
            });
        });
    }
})();

jQuery CheckBoxList 全选 反选相关推荐

  1. Jquery实现 全选反选

    Jquery实现 全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...

  2. Jquery控制全选反选

    //全选/反选     $("#allSelect").click(function () {         var isChecked = $(this).is(": ...

  3. 功能选中jquery实现全选反选功能

    时间紧张,先记一笔,后续优化与完善. 全选功能 $(function () {             $('#allchecked').click(function () {             ...

  4. jQuery全选反选实例

    1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...

  5. jquery +做CheckBoxList全选,反选

    以前我们做CheckBoxList全选,反选,一般用Aspx+CodeFile.或者用JavaScript 现在我们可以用JQuery来帮我Easy Choose. 这里我来写三种: 第一种 全选 $ ...

  6. jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选

    checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...

  7. jquery的全选,全不选,反选

    jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...

  8. JQuery全选反选 随其他checkbox自动勾选全选反选

    工作中的代码片段 写出来留作以后对比参考 网上没找到自己想要的全选反选代码 干脆自己写了个比较臃肿的 相信还有更加简单的方法 jquery代码 ============================ ...

  9. 关于JQuery全选/反选第二次失效的问题

    最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...

  10. js、jquery操作复选框checkbox总结(单个/多个获取选中值、初始化设置默认选中值、全选反选)

    一.单个复选框 使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法:   https://blog.csdn.net/qq_40015157/article ...

最新文章

  1. 融资 2000 万美元后,他竟将核心代码全开源,这……能行吗?
  2. php制作明信片,用PS如何制作明信片?PS制作明信片图文介绍
  3. ruby语言开源Web应用框架 Ruby on Rails 简介
  4. UltraWebGrid控件在开发ASP.NET项目中的使用方法和技巧(转)
  5. 【转】JAVA中的转义字符
  6. python解约瑟夫环问题
  7. mft按钮设计_哈汽机组660MW超临界空冷机组ETS设计及逻辑说明
  8. jenkins java版本_安装jenkins几个版本貌似都有问题
  9. 微软拆分操作系统的计划初现雏形
  10. 转:.NET使用一般处理程序生成验证码!
  11. SpringMCV结构
  12. 安装Exchange2010的详细步骤
  13. map转换成JSON的方法
  14. 2003系统虚拟dns服务器向导,安装和管理dns服务器.doc
  15. Xcode9之折叠代码
  16. 深入了解Spring IoC
  17. vue获取剪切板内容_Vue实现剪贴板复制功能
  18. als算法参数_推荐算法之ALS
  19. 薅羊毛php源码,基于AutoJs实现的薅羊毛App专业版源码大分享---更新啦
  20. 身份证验证判断、身份证正则表达式、15位、18位身份证验证

热门文章

  1. RHEL5.X 重启网卡出现./network-functions: line 78: .: ifc
  2. CentOS 7忘记root密码解决办法
  3. MUI框架开发HTML5手机APP
  4. GNU make manual 翻译(二十)
  5. MUI APP关于页面之间的传值,plusready和自定义事件
  6. 为storyBoard面板中添加圆角属性(添加自定义的属性)
  7. 2 抽象工厂模式(Abstract Factory)
  8. Centos和Ubuntu下定制普通用户访问权限
  9. 2.Linux 高性能服务器编程 --- IP 协议详解
  10. 1.高性能MySQL --- MySQL 架构