checkbox利用JQuery实现全选、反选的方法
来源:互联网 发布:筛子数据 编辑:程序博客网 时间:2024/06/06 01:48
- //复选框事件
- //全选、取消全选的事件
- function selectAll(){
- if ($("#SelectAll").attr("checked")) {
- $(":checkbox").attr("checked", true);
- } else {
- $(":checkbox").attr("checked", false);
- }
- }
- //子复选框的事件
- function setSelectAll(){
- //当没有选中某个子复选框时,SelectAll取消选中
- if (!$("#subcheck").checked) {
- $("#SelectAll").attr("checked", false);
- }
- var chsub = $("input[type='checkbox'][id='subcheck']").length; //获取subcheck的个数
- var checkedsub = $("input[type='checkbox'][id='subcheck']:checked").length; //获取选中的subcheck的个数
- if (checkedsub == chsub) {
- $("#SelectAll").attr("checked", true);
- }
- }
- <input type="checkbox" id="SelectAll" value="全选" onclick="selectAll();"/>
- <input type="checkbox" id="subcheck" value="1" onclick="setSelectAll();"/>
- <input type="checkbox" id="subcheck" value="2" onclick="setSelectAll();"/>
- <input type="checkbox" id="subcheck" value="3" onclick="setSelectAll();"/>
- <input type="checkbox" id="subcheck" value="4" onclick="setSelectAll();"/>
阅读全文
0 0
- checkbox利用JQuery实现全选、反选的方法
- JQuery实现的 checkbox 全选、反选。
- JQuery实现的 checkbox 全选、反选。
- 利用jQuery实现CheckBox全选/全不选/反选
- 利用jQuery实现CheckBox全选/全不选/反选
- 【jQuery】jQuery实现checkbox的全选/反选逻辑
- jQuery实现checkbox全选和反选
- JQuery 实现checkbox全选、反选、取消
- jquery实现 checkbox全选和反选
- Jquery实现checkbox全选和反选
- jquery实现checkbox全选反选
- Jquery实现checkbox的全选、反选功能代码
- 用Jquery实现checkbox的反选、全选、全不选
- jQuery(5)--实现checkbox的全选,反选,全不选功能
- jquery 实现checkbox的全选 全不选 反选
- 用Jquery实现checkbox的反选、全选、全不选
- 用Jquery实现checkbox的 全选、全不选、反选
- 用Jquery实现checkbox的反选、全选、全不选
- pat C4-GPLT真题及训练集 L1-039
- windows下mysql每天定时备份数据库几种方法
- 信息图:比特币区块链的工作原理
- CSS3 filter(滤镜) 属性
- httpURlConnection与Socket
- checkbox利用JQuery实现全选、反选的方法
- 【视频处理】YUV与RGB格式转换
- FFmpeg HEVC 多线程解码解析
- Material Design CheckBox 单独更改颜色
- 使用select * 插入数据时候两边表字段顺序的影响测试
- android 6.0截屏将图片放到相册中
- 焦点事件
- Ubuntu 16.04开机数字键盘不亮解决方案
- Ajax的使用以及跨域