jquery复选框全选,反选,自动勾选全选框,取消勾中全选框
来源:互联网 发布:什么叫红颜知已 编辑:程序博客网 时间:2024/05/17 12:53
页面中实现全选,反选,一组复选框选中时全选按钮自动选中,一组中有一个未选中时全选按钮取消
$('#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. 一组复选框中有一个未被选中时, 全选框勾去除
0 0
- jquery复选框全选,反选,自动勾选全选框,取消勾中全选框
- js--复选框--全选、反选、取消
- Jquery 复选框全选、反选
- jQuery复选框全选反选操作
- Jquery 复选框全选、反选
- 复选框全选、取消全选
- 复选框全选反选
- 复选框全选,反选
- 复选框全选/反选
- android复选框删除、反选、全选以及取消
- 复选框的全选,取消和反选
- 全选/取消复选框
- 复选框取消/全选
- 全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
- 复选框的一下额操作|全选 取消全选 反选 选中值
- jQuery全选、取消全选、反选
- jQuery全选、取消全选、反选
- js复选框的全选,多选,全选,全不选,反选
- 用Dreamweaver将数据库中的数据以柱状图的形式动态展示于网页中
- 安卓 hal 串口驱动学习。。。
- CCF青少年计算机程序设计评级标准(三)
- linux根文件系统init进程分析
- jsp页面之间传递多值
- jquery复选框全选,反选,自动勾选全选框,取消勾中全选框
- 凸包算法-GrahamScan+暴力+分治
- ACM题型分类
- SimpleAdapter适配器填充ListView
- 有些事,不是不在意
- 第十六周项目2-4:统计句子str中单词的个数
- poj_1204Word Puzzles
- Swift实现UIKit Dynamic动画
- Android系统字体规范与应用探索