jQuery中attr()方法和prop()方法获取input的checked属性的区别

最新推荐文章于 2021-03-18 15:15:23 发布
最新推荐文章于 2021-03-18 15:15:23 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： jQuery 文章标签： checkbox jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChauncyWu/article/details/70799719
版权

今天在使用checkbox中，通过attr()获取checked状态时发现显示的是undefined。后来改成了prop()方法却没问题。百度发现，使用jQuery的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别：

1.如果使用attr()方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#chk").attr("checked")都会返回undefined；


2. 如果当前input中初始化已定义checked属性，则不管是否选中，$("#chk").attr("checked")都会返回checked. 


3. 通过prop方法获取checked属性，获取的checked返回值为Boolean类型，选中为true, 否则为false 


所以，如果使用jQuery , 应使用prop()方法来获取和设置checked属性，不应使用attr().

ChauncyWu
关注
专栏目录
JQuery中prop和attr的区别，checked添加和删除
WUTAO2213的博客
08-10 201
一、问题 $("#swIdInForm").removeAttr("checked"); $("#swIdInForm").attr("checked","true");　　// 重新增加不起作用 　在使用removeAttr()移除了radio的checked属性后，使用attr()重新增加不起作用； 二、解决 $("#swIdInForm").removeAtt...
jquery利用attr、prop方法获取、设置input的checked属性
summer_sy的博客
05-26 512
在jQuery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下。 1、prop方法获取、设置checked属性 function CheckAll(obj) {    //获取checked属性    if ($(obj).prop("checked")) {       //设置checked属性
关于jQuery——attr方法和prop方法获取input的checked属性操作
aijianhuang8866的博客
09-28 171
经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase <input type="checkbox" id="selectAll" onclick="chec...
jquery添加属性checked不管用（jquery，prop的使用）
热门推荐
noku_ln10的专栏
06-25 2万+
$("#bed_"+index).attr("checked","checked"); 但是页面上并没有选中，换成  $("#bed_"+index).prop("checked", true); 选中ok 原因： 这里用attr只是为元素添加了checked=“checked”的属性，但是并没有使checked的动作生效 利用prop是可以直接将属性生效的方法，例如：di
jquery attr方法获取input的checked属性问题
01-19
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，...
jQuery中attr()和prop()在修改checked属性时的区别
10-25
在jQuery中，`attr()`和`prop()`方法都是用来处理元素属性的，但它们之间存在重要的区别，尤其是在处理特定属性如`checked`时。`attr()`主要用于获取或设置HTML元素的attribute，而`prop()`则是用于操作元素的特性...
关于jquery中attr()和prop()方法的区别
10-18
在jQuery中，`attr()` 和 `prop()` 都是用来处理元素属性的方法，但它们之间存在重要的差异，这些差异主要体现在处理DOM元素的状态和属性值上。以下是对这两个方法的详细解释和对比： **attr() 方法** `attr()` ...
jquery中attr和prop的区别分析
10-24
在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。 首先，`attr` 方法主要用于处理HTML元素的自定义...
jquery和javascript的常用方法比较
斧头湖懒客
03-18 179
一.区别与联系。 1、JS是一门前端语言。 2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。 3、jQuery是一个框架，它对JS进行了封装，使其更方便使用。jQuery使得JS与Ajax的使用更方便 下面我用一张导图来阐述这三者的关系： 解释： javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架，基于J
JQuery里input属性赋值，取值prop()和attr()方法？
qq_30072161的博客
08-26 1358
一.赋值的时候 如果是这样的只有属性名就能生效的属性 推荐prop，即：(‘input‘).prop(‘checked‘,true);同时，false表示取消，即：(‘input‘).prop(‘checked‘,true); 同时，false表示取消，即：(‘input‘).prop(‘checked‘,true);同时，false表示取消，即：(‘input‘).prop(‘checked‘,false); 当然attr也行的：(‘input‘).attr(‘checked‘,‘这里写什么都行的‘);取
jQuery中attr()和prop()的区别与使用
wuyujin1997的博客
03-29 1万+
API attr()系列 attr(attributeName) 读取第一个匹配到的元素的指定属性值。 attr(attributeName, value) 设置单个指定的属性值。 attr(attributes) 设置多个。 attr(attributeName, func) func为function(index, thisAttr)。 prop(...
jQuery中使用attribute，prop获取，设置input的checked值【转】
weixin_30843605的博客
05-27 351
1、prop方法获取、设置checked属性 当input控件checkbox设置了checked属性时，无论checked=”“或checked=”checked”，$(obj).prop(“checked”)的结果都是true；当input控件checkbox没设置checked属性时，$(obj).prop(“checked”)的结果是false。设置$(“input[n...
jQuery中input的checked应用prop来判断
y355356475的博客
08-23 601
jQuery中input的checked应用prop来判断 示例如下： var huodong = 0; var isChecked = $(".wrap_account_set input[name=huodong]").prop("checked"); if(isChecked){ huodong=1; ...
jQuery判断checked的三种方法
weixin_30713953的博客
09-07 371
今天在查看他人源码时看到在判断复选框是否选中时，与自己的写法不同： 　　 .is(":checked") vs .prop("checked") == true 　　因此，特地百度了一下，结果如下： 　　.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false　　.prop(‘checked’...
jQuery中attr()解决checked属性问题
我有一只小毛驴
05-07 3994
这两天在做一个表单提交，其中就包含有checkbox的全选和反选，这是最先开始做出来的版本，代码如下： 全选 Php Java NodeJS Python $(document).ready(function(){ $("#checkAll").click(function() { //console.log($(this).attr("checked"));
checkbox选中要使用prop("checked"),而不是attr("checked")
linlinxie的博客
03-10 5220
前端页面让checkbox复选框选中时，应该使用prop(“checked”)方法，而不是attr(“checked”)，可以参考博客http://blog.csdn.net/dszgf5717/article/details/51853885 中的解释。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值