jQuery 全选仅一次有效

最新推荐文章于 2024-01-23 19:19:19 发布

SolaTyolo

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量319

点赞数

分类专栏： JS 文章标签： jquery html

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了使用jQuery实现全选和反选功能的方法，并详细解释了在不同版本中使用.attr()与.prop()的区别及原因。从1.6版本开始，对于checkbox的操作推荐使用.prop()而非.attr()。

摘要由CSDN通过智能技术生成

在项目中经常会有用到全选,的方式。如下代码:

$("#checkId").click(function(){
    $('input[name="checkName"]').attr("checked",true);
})

//或者反选
$("#checkId").click(function(){
    $('input[name="checkName"]').attr("checked",this.checked);
})

以上代码仅全选,反选各有效一次(首次有效),这是由于1.6更新时,针对checkbox用prop代替attr

$("#checkId").click(function(){
    $('input[name="checkName"]').prop("checked",true);
})

note:
+ checked属于原型对象属性，而attr在remove原型对象会出错。prop在remove会忽略改错误。
+ Attributes模块中有attributes和properties,1.6之前都是用attr()来处理。
+ 针对checkbox元素<input type="checkbox" checked="checked" > ,在页面加载的时候attributes就会设置checked ,properties是记录当前checkbox的状态，是否被选中
+ 在1.6以上的版本是$(".checkbox").attr("checked",true)是不会检查checkbox元素,因为它是用来设置property。