jQuery 如何实现 input type=checkbox 的选中和取消选中
jQuery 有两种方法可以实现 input type=checkbox 的选中和取消选中,分别是使用 jQuery 的 attr() 和 prop() 方法。
但这两种方法在实现上是有区别的。
示例html代码
```
<input type='checkbox' id='cb' />
```
# attr()
选中复选框
```
$("#cb").attr("checked","checked");
$("#cb").attr("checked",true);
$("input[type=checkbox]").attr("checked","checked");
```
取消选中复选框
```
$("#cb").removeAttr("checked");
$("#cb").attr("checked",false);
$("input[type=checkbox]").removeAttr("checked");
```
# prop()
选中复选框
```
$("#cb").prop("checked",true);
$("input[type=checkbox]").prop("checked",true);
```
取消选中复选框
```
$("#cb").prop("checked",false);
$("input[type=checkbox]").prop("checked",false);
```
# 两种方法的区别
+ attr()方法只能选中一次,而prop()方法无次数限制。
+ attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数。
我的笔记