一、在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下:

  // 对全选和取消全选的事件    

    $("#CheckAll").click(function () {
                var checkedOfAll = $(this).prop("checked");
                if (checkedOfAll == true) {
                    $("input[id*='check']").prop("checked", checkedOfAll);
                } else {
                    $("input[id*='check']").prop("checked", checkedOfAll);
                }
                checkIds();
            });
            // 对所有子节点添加事件
            $("td :checkbox").click(function () {
                var checkedOfOne = $("td :checkbox:checked");
                var checkedOfTwo = $("td :checkbox");
                // 如果子节点全部没勾选,父节点也取消勾选  
                if (checkedOfOne.length < checkedOfTwo.length) {
                    $("#CheckAll").prop("checked", false);
                }
                // 如果子节点全部选中,父节点也勾选  
                else if (checkedOfOne.length == checkedOfTwo.length) {
                    $("#CheckAll").prop("checked", true);
                }
            });

    //公共方法

    function checkIds() {
            var tmp = "";
            $("input[id*='check']").each(function () {
                if ($(this).attr("checked") == true) {
                    tmp += $(this).attr("rel") + ",";
                } else {

}
            });
            if (tmp != '') tmp = tmp.substr(0, tmp.length - 1);
            $("#ctl00_MainHolder_idstb").val(tmp);
        }

二、下面的图片是自己参考的例子:

转载于:https://www.cnblogs.com/Jhon-xu/p/4305341.html

在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他)相关推荐

  1. java web配置dll文件_JavaWeb项目中dll文件动态加载方法解析(详细步骤)

    相信很多做Java的朋友都有过用Java调用JNI实现调用C或C++方法的经历,那么Java Web中又如何实现DLL/SO文件的动态加载方法呢.今天就给大家带来一篇JAVA Web项目中DLL/SO ...

  2. WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭

    原文:WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭 在我们开发WCF项目的时候,常常会碰到一些莫名其妙的错误,有时候如果根据它的错误提示信息,一般很难定位到具体的问题所在,而 ...

  3. vue项目中 img标签加载失败方法,onerror事件的两种方法

    vue项目中 img标签加载失败方法 ?css 第一种方法 第二种方法 本人写的第一篇文章,希望对你有帮助 第一种方法 < img src="123" :οnerrοr=&q ...

  4. Vue项目中刷新当前页面的四种方法

    Vue项目中刷新当前页面的四种方法 前记 刷新当前页面的四种方法 this.$router.go(0) location.reload() 跳转空白页再跳回原页面 使用provide / inject ...

  5. vue项目中 npm使用淘宝镜像方法记录cnpm

    vue项目中 npm使用淘宝镜像方法记录 cnpm安装 1,设置默认镜像地址 npm config set registry https://registry.npm.taobao.org 2,验证镜 ...

  6. jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

    应用一:单行文本框应用 需要用到的 API focus([[data],fn])   --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn])     -->  ...

  7. jquery全选/取消全选(反选)/单选操作

    使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body><div& ...

  8. 独家 | 构建端到端数据科学项目,从我的Data Scientist Ideal Profiles项目中学习(附链接)...

    翻译:张睿毅 校对:吴金笛 本文约1500字,建议阅读5分钟. 本文为你介绍了构建数据科学项目中重要的思维能力及训练建议. Joseph Barrientos 拍照于 Unsplash (链接:htt ...

  9. JQuery中checkbox勾选/取消勾选的诡异问题(attr和prop)

    #1.使用attr()实现勾选的问题 //HTML伪代码 <form>你爱好的运动是?<input type="checkbox" id="Checke ...

最新文章

  1. 勤哲excel服务器虚拟化,虚拟仓库
  2. 第二讲 ODE欧拉数值方法
  3. 【PM模块】维护订单基本处理流程——实际操作
  4. Flutter实现帧动画
  5. Visual Studio 2019 16.3.10 初体验
  6. 写好一份数据分析报告的13个要点
  7. android 输入法如何启动流程_android输入法02:openwnn源码解析01—输入流程
  8. 两个特征是独立好还是正相关好_【概率论与数理统计】第5期:随机变量的数字特征...
  9. linux下Oracle11g RAC搭建(六)
  10. 简述Flash 事件机制?
  11. 面向对象程序设计的思想的长处
  12. pem文件转cer文件
  13. Java制作验证码的完整代码
  14. 中美线径对照表_中国线径与英美德线规对照表
  15. 服务器装系统不识别硬盘分区,安装系统无法识别分区解决方法
  16. 【linux】系统压力模拟工具stress
  17. 图像增强—彩色增强技术
  18. python day2
  19. 繁簡替互換(SQL)
  20. Flask05_ORM单表

热门文章

  1. C#工厂方法模式 -抽象工厂模式
  2. python中isdigit()、isdecimal()和isnumeric的区别!
  3. 实战|对某棋牌站的一次getshell
  4. select函数及fd_set介绍
  5. 基础练习 数列排序 c语言
  6. Spark Streaming 实战案例(二) Transformation操作
  7. Spark配置参数详解
  8. Java多线程(八)之Semaphore、CountDownLatch、CyclicBarrier、Exchanger
  9. 虚拟化容器Docker的安全性讨论
  10. Bzoj2037: [Sdoi2008]Sue的小球