jQuery实现多选框的全选按钮自动选中与消失
来源:互联网 发布:假币在淘宝里叫什么 编辑:程序博客网 时间:2024/06/02 12:12
页面中实现全选,反选,一组复选框选中时全选按钮自动选中,一组中有一个未选中时全选按钮取消
$('#checkAll').click(function(){ if(this.checked) { $("input[type=checkbox][name=ckjsmc]").each(function(){ $(this).attr('checked', 'true'); }); } else { $("input[type=checkbox][name=ckjsmc]").each(function(){ $(this).removeAttr('checked'); }); } }); function checkOne(){ var count = 0; $("input[type=checkbox][name=ckjsmc]").each(function(){ if($(this).attr('checked') != 'checked'){// 判断一组复选框是否有未选中的 count+=1; } }); if(count == 0) { // 如果没有未选中的那么全选框被选中 $('#checkAll').attr('checked', 'true'); } else { $('#checkAll').removeAttr('checked'); } }
这里是checkOne()是在每个复选框的onclick方法中调用的, 由于我这里的一组复选框是动态用jquery拼接车来的, 所以不能用jquery的方式$().click()来注册点击事件(经多次测试用jquery注册不得行, 点击无任何反应), 这里就必须将方法在拼接的js中使用onclick来调用方法.
此例子可以实现: 1. 选中全选框时,一组复选框被选中
2. 反选全选框时,一组复选框都不被选中
3. 一组复选框中都选中时, 自动勾选全选框
4. 一组复选框中有一个未被选中时, 全选框勾去除
*本文章装载自 跌跌撞撞的小时代 的博客
阅读全文
1 0
- jQuery实现多选框的全选按钮自动选中与消失
- jquery中将选中的按钮值取出来 全选,全不选
- jquery全选按钮实现
- jQuery实现全选按钮
- jQuery关于全选按钮的实现
- jquery实现单选按钮选中与取消选中
- 多选框全选中,全选框自动选中
- jquery中实现全选按钮
- jQuery实现CheckBox全选、全不选以及获取选中的值
- jquery实现全选、反选、获得所有选中的checkbox
- 技巧:全选按钮(选中和非选中)实现方法
- jQuery实现通知自动消失
- jQuery全选和范选,按钮样式变化及取选中项的值
- jquery实现checkbox的全选与取消
- Jquery实现全选中全不选中以及获取选中行的相关值
- 利用jQuery完成全部选中,只要一个没选中全选按钮就不选中功能
- JQuery checkBox 全选 、获取选中的个数
- jquery实现html中单选按钮的切换选中
- linux下.a/.so/.la目标库区别
- canvas中的清空画布
- CentOS7安装zookeeper3.5.2
- ORACLE恢复删除表或表记录
- 文本的输入&输出
- jQuery实现多选框的全选按钮自动选中与消失
- ubutun14.10上安装ssh
- 【ElasticSearch】Helloworld(一)
- 在centos 7上安装zabbix server3.0和zabbix agent
- 数据类型变量精度由低到高(自动),由高到低(强制)。
- 【Eclipse】功能之Javadoc
- tensorflow自学日志
- 再谈 object instanceof constructor
- osg示例解析之osgcamera