最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
总结jQuery checkbox全选/反选代码
时间：2014-11-03 编辑：简简单单 来源：一聚教程网
在修改Hi GPA的时候需要增加一个全选用户的功能，结果被坑惨了。
首先，最终代码是这么写的：
| 代码如下 | 复制代码 |
| var text = $('#select-all-student').html(); if (text == '全选') { $('input[name="studentNumber"]').prop('checked', true); $('#select-all-student').html('取消全选') } else { $('input[name="studentNumber"]').prop('checked', false); $('#select-all-student').html('全选'); } |
|
这里集成了一个全选和反选的功能，可以选中所有name为studentNumber的checkbox。
当然，最初我不是这么写的，而是使用了attr()结果最终导致了只能进行一次的全选反选，当时简直感觉醉醉哒。
折腾了一个小时之后感觉这压根就不是个事，为啥别人写的东西就可以，无奈，查了一下：
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即
| 代码如下 | 复制代码 |
|
|
|
应该使用.prop()来替代.attr()来设置disabled和checked。.val()用于获取或者设置其value值。
相关文章
- jQuery实现CheckBox全选、全不选功能 01-11
- jquery checkbox的常用操作例子 07-11
- jquery中checkbox反复没反应问题解决办法 11-01
- jquery操作checkbox的方法代码 08-05
- jquery实现checkbox单选效果 06-24
- jquery 统计复选框checkbox选中个数 10-11