js——全选框 checkbox
2024-10-18 21:17:14
一直会碰见input 全选框的问题,先整理一种情况:
1.
<input id="selectAll" type="checkbox" />全选
2.
<input type='checkbox' id='id1' name='cb' value='1' />value1
<input type='checkbox' id='id2' name='cb' value='2' />value2
<input type='checkbox' id='id3' name='cb' value='3' />value3
3.
//全选框
jQuery(function () {
jQuery("#selectAll").click(function () { //全选
if (this.checked) {
jQuery("input[name='cb']").each(function () {
this.checked = true;
});
} else { //取消全选
jQuery("input[name='cb']").each(function () {
this.checked = false;
});
}
}
);
});
4.或者另外一种很简便的方法:
//全选框
jQuery(function () {
jQuery("#selectAll").click(function () { //全选
jQuery("input[name='cb']").attr("checked", true);
} else { //取消全选
jQuery("input[name='cb']").attr("checked", true);
}
}
);
});
同样,也是可以达到预期的效果。。。
最新文章
- [LeetCode] Binary Tree Level Order Traversal 二叉树层序遍历
- SDOI2009
- 深入理解Javascript中构造函数和原型对象的区别
- select 多表查询
- 20145209&;20145309信息安全系统设计基础实验报告 (4)
- hiho_1068_RMQ_st算法
- Storm(2) - Log Stream Processing
- POJ 2516 最小费用流
- Maximum Subarray (JAVA)
- ASP.NET Core的实时库: SignalR -- 预备知识
- unsigned long long类型与long long类型
- Testlink1.9.17使用方法(第十一章 其他易用性功能)
- EEPROM
- 【python】ftp连接,主被动,调试等级
- ELK菜鸟手记 (一) 环境配置+log4j日志记录
- echarts 实现tooltip双栏效果
- centos7及服务器端安装python2.7.13, setuptools, pip
- Head First Java &; static
- Altium Designer安装孔周围放置圆形Polygon Pour Cutout
- GridLayout with span