+ 我要发布
我发布的 我的标签 发现
浏览器扩展
斑点象@Edge

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版本新增的函数。
我的笔记