方便实用的jQuery checkbox复选框全选功能
2024-08-24 17:53:10
// 主复选框
<input type="checkbox" id="ck" name="ckAll">
// 子复选框项
<input type="checkbox" id="ck1" name="ckItm">
<input type="checkbox" id="ck2" name="ckItm">
<input type="checkbox" id="ck3" name="ckItm">
var $ckAll = $("input[name='ckAll']");
var $ckItm = $("input[name='ckItm']");
var len = $ckItm.length;
$ckAll.click(function() {
// 获取$ckAll当前选中状态,如果选中,其他子复选框则选中,反之则取消
$ckItm.prop('checked',this.checked);
});
$ckItm.click(function() {
// 给b绑定判断事件
var b=$ckItm.filter(":checked").length==len;// 当所选的子复选框个数等于总个数,主复选框则会被选中
// 通过三元运算判断
var flag=$ckAll.prop("checked",b?true:false);
});
最新文章
- pair<;>;结构体模版的用法
- [转]c++ vector 遍历方式
- HDU2845 DP
- Oracle数据库3
- Scala class的构造方法与继承
- 删除数据库数据,自增id清理
- RPI学习--环境搭建_刷卡+wiringPi库安装
- mysql datetime 排序
- codeforces 633C. Spy Syndrome 2 hash
- XP 右键扩展设置 1.0 免费绿色版
- 从MySQL全库备份中恢复某个库和某张表【转】
- AR入门系列-04-vuforia识别多个图片及同屏展示
- Http协议---Hyper Text Transfer Protocol
- Hibernate的DetachedCriteria使用(含Criteria)
- UI设计--->;全心全意为人民服务的宗旨---->;注重客户体验--->;软件持久的生命力
- Jmeter-阶梯场景设置
- Python爬虫——你们要的王者荣耀高清图
- 省选前的CF题
- location的三种连接方式和区别
- 【Ray Tracing The Next Week 超详解】 光线追踪2-9