前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【前端JQ】jQuery赋值checked的几种写法,attr()方法不好使,建议使用prop()方法。

【前端JQ】jQuery赋值checked的几种写法,attr()方法不好使,建议使用prop()方法。

作者头像
睿儿网络郝刚
发布2020-09-30 10:41:09
1.2K0
发布2020-09-30 10:41:09
举报

  注意:操作checked、disabled、selected属性,强制建议只用prop()方法!!,不要用attr()方法。

  jQuery判断checked是否是选中状态的三种方法:

代码语言:javascript
复制
 .attr('checked') // 返回:"checked"或"undefined" ;
 .prop('checked') // 返回true/false
 .is(':checked') // 返回true/false //别忘记冒号哦

  jQuery赋值checked的几种写法:

代码语言:javascript
复制
 $("#checked").attr("checked","checked"); //通用做法,现在不推荐了
 $("#checked").attr("checked",true); //不标准,不推荐了
 $("#checked").attr("checked","true"); //不标准,不推荐了

  jQuery的prop()的赋值(推荐如下写法):

代码语言:javascript
复制
 $("#checked").prop("checked",true); //标准写法,推荐!
 $("#checked").prop({checked:true}); //map键值对
 $("#checked").prop("checked",function(){
 return true;//函数返回true或false
 });

在项目实际应用中,使用.attr()方法时,在多次选中 取消 再选中之后.attr()方法就不生效了。

所以正确的用法应该是使用.prop()方法。可以保证每次都会生效。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-09-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 睿儿网络技术公社 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档