在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他)
一、在项目中遇到的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方法(全选、取消全选、其他)相关推荐
- java web配置dll文件_JavaWeb项目中dll文件动态加载方法解析(详细步骤)
相信很多做Java的朋友都有过用Java调用JNI实现调用C或C++方法的经历,那么Java Web中又如何实现DLL/SO文件的动态加载方法呢.今天就给大家带来一篇JAVA Web项目中DLL/SO ...
- WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭
原文:WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭 在我们开发WCF项目的时候,常常会碰到一些莫名其妙的错误,有时候如果根据它的错误提示信息,一般很难定位到具体的问题所在,而 ...
- vue项目中 img标签加载失败方法,onerror事件的两种方法
vue项目中 img标签加载失败方法 ?css 第一种方法 第二种方法 本人写的第一篇文章,希望对你有帮助 第一种方法 < img src="123" :οnerrοr=&q ...
- Vue项目中刷新当前页面的四种方法
Vue项目中刷新当前页面的四种方法 前记 刷新当前页面的四种方法 this.$router.go(0) location.reload() 跳转空白页再跳回原页面 使用provide / inject ...
- vue项目中 npm使用淘宝镜像方法记录cnpm
vue项目中 npm使用淘宝镜像方法记录 cnpm安装 1,设置默认镜像地址 npm config set registry https://registry.npm.taobao.org 2,验证镜 ...
- jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换
应用一:单行文本框应用 需要用到的 API focus([[data],fn]) --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn]) --> ...
- jquery全选/取消全选(反选)/单选操作
使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body><div& ...
- 独家 | 构建端到端数据科学项目,从我的Data Scientist Ideal Profiles项目中学习(附链接)...
翻译:张睿毅 校对:吴金笛 本文约1500字,建议阅读5分钟. 本文为你介绍了构建数据科学项目中重要的思维能力及训练建议. Joseph Barrientos 拍照于 Unsplash (链接:htt ...
- JQuery中checkbox勾选/取消勾选的诡异问题(attr和prop)
#1.使用attr()实现勾选的问题 //HTML伪代码 <form>你爱好的运动是?<input type="checkbox" id="Checke ...
最新文章
- 勤哲excel服务器虚拟化,虚拟仓库
- 第二讲 ODE欧拉数值方法
- 【PM模块】维护订单基本处理流程——实际操作
- Flutter实现帧动画
- Visual Studio 2019 16.3.10 初体验
- 写好一份数据分析报告的13个要点
- android 输入法如何启动流程_android输入法02:openwnn源码解析01—输入流程
- 两个特征是独立好还是正相关好_【概率论与数理统计】第5期:随机变量的数字特征...
- linux下Oracle11g RAC搭建(六)
- 简述Flash 事件机制?
- 面向对象程序设计的思想的长处
- pem文件转cer文件
- Java制作验证码的完整代码
- 中美线径对照表_中国线径与英美德线规对照表
- 服务器装系统不识别硬盘分区,安装系统无法识别分区解决方法
- 【linux】系统压力模拟工具stress
- 图像增强—彩色增强技术
- python day2
- 繁簡替互換(SQL)
- Flask05_ORM单表
热门文章
- C#工厂方法模式 -抽象工厂模式
- python中isdigit()、isdecimal()和isnumeric的区别!
- 实战|对某棋牌站的一次getshell
- select函数及fd_set介绍
- 基础练习 数列排序 c语言
- Spark Streaming 实战案例(二) Transformation操作
- Spark配置参数详解
- Java多线程(八)之Semaphore、CountDownLatch、CyclicBarrier、Exchanger
- 虚拟化容器Docker的安全性讨论
- Bzoj2037: [Sdoi2008]Sue的小球