解决checkbox的attr(checked)一直为undefined问题

最新推荐文章于 2022-09-23 15:29:28 发布
最新推荐文章于 2022-09-23 15:29:28 发布
阅读量413 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_19569023/article/details/50161671
版权


Jquery1.6 更新说明


checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。


意味着，checkbox在页面初始化之后checked的值就不会在变化！可以使用prop代替attr来判断！

之前

$("input[name='mycheckbox']").attr("checked"); 

现在

$("input[name='mycheckbox']").prop("checked"); 



litoxy
关注
解决复选框属性为undefined的问题
CgbAutoit的博客
10-06 298
在使用 jQuery 或纯 JavaScript 编写代码时，有时会遇到复选框的属性值为 undefined 的问题。方法来获取复选框的属性值，有时会返回 undefined。方法返回的是属性的实际值，而不是属性的初始值。方法来检查具有 id 为 “checkboxId” 的复选框是否被选中，并将结果存储在。方法来获取具有 id 为 “checkboxId” 的复选框的选中状态，并将其存储在。方法来获取复选框的选中状态。以下是几种常见的解决方法，你可以根据自己的需求选择其中一种。方法来获取复选框的属性值。
Jquery-checkbox使用attr(checked)一直是undefined
homelam的博客
04-09 796
问题：使用$(".hobby").attr('checked') ： 返回对应的checked 或者是undefined, 不是原来的true 和 false. 制作全选、全不选、反选一直没起作用；原因：在jquery1.6+ 版本，返回的都是checked或undefined, 之前返回的true/false 是1.5- 版本的做法Jquery 判断checked的方法：    元素节点.att...
jQuery获取checkbox状态时attr('checked')返回undefined的问题
hzbigdog的专栏
09-07 834
$('#checkbox1').prop('checked') - in jQuery 1.6+, usually the way to go $('#checkbox1').is(':checked') - all jQuery versions, but slower $('#checkbox1').attr('checked') - NOT in jQuery 1.6 - but
$(‘input‘).checked = true不生效 checked为undefined
想搞全栈的前端
03-17 1447
$(‘input’).checked = true不生效 设置input的checked 不生效，并且获取checked 值为undefined 这是因为当前input没有checked 属性，需要设置属性值在再赋值 $('input').prop('checked', 'true');
jQuery获取的checkbox的属性checked为undefined
sxh_2014的博客
01-26 528
jQuery1.6以前，使用.attr()的方式来获取checkbox的状态，返回true/false； jQuery1.6以后，如果没有明确的写出checked属性，不管后来有没有选中复选框，使用.attr()获取的值为undefined。在jQuery1.6以后，使用.prop("checked")或is(":checked")来返回true/false。 官方API文档解释：
Jquery 获取checkbox的checked问题
12-03
当复选框默认就被设置为选中状态，即`<input type="checkbox" id="checkbox" checked>`，即使取消选中，使用`.attr("checked")`仍然会返回`"checked"`字符串。这是因为`.attr()`返回的是实际HTML属性值，而`.prop()`...
Jquery attr(checked) 返回checked或undefined 获取选中失效
12-12
[removed] //获取是否选中 var isChecked = $(‘#cb’).attr(‘checked’); //设置选中 $(‘#cb’).attr(‘checked’,true); [removed] 这样写在JQ1.6之前完全没问题，可是当我们升级JQ1.6到更高的版本时，问题就...
解决checkbox的attr(“checked”)undefined问题
just try
06-28 339
原来，在jquery1.6版本便对此做出了修改： 【checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。 也就是说如果checkbox在页面加载完毕是选中的，那么返回的永远都是checked（我的一开始就是没选中） 如果一开始没被选中，则返回的永远是undefined ！】 既然jquery对此做出了修改，那肯定也就是有相应的更好的解决方法： .prop()便是解决这个问题
jQuery获取CheckBox的Checked状态一直为undefined
weixin_41670711的博客
08-09 2059
在页面上通过Checkbox的状态计算购物车内所选产品的总价时，发现总是获取不到Checkbox的正确状态。 alert($(“#checkbox_all”).attr(“checked”)); 一直为undefined 什么会这样呢？ 原来jquery1.6版本对此做出了修改 【checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变，也就是说如果checkbox在页...
cocos creator json文件加载问题 与 html中 Cannot read property 'checked' of undefined
dopamine_joker的博客
03-11 1632
cocos creator json文件加载问题 与 html中 Cannot read property ‘checked’ of undefined html中Cannot read property ‘checked’ of undefined问题 第一次写，写的很乱，仅用来记录。 今日在一道作业题中，发现了如下错误 Cannot read property ‘checked’ of und...
关于Jquery中使用attr("checked")返回checked或undefined，导致无法正确获取和修改CheckBox的checked属性问题
Tarurs的博客
08-24 513
关于Jquery中使用attr(“checked”)返回checked或undefined，导致无法正确获取和修改CheckBox的checked属性问题 问题描述：在jsp页面中使用jQuery时，使用$(“#id”).attr(“checked”)无法获取到checked属性的值（true||false），而是显示undefined或checked 原因：查阅相关资料后发现， “JQ1....
vue循环生成的el-checkbox的控件双向绑定失效问题(选中、取消失效)
风中追风
09-23 7169
做到这里后，以为实现了功能，看效果发现问题: 点击时候，el-checkbox没有勾上，也没变化，但是checked的数值确实是变化了，但视图没有变化，那就说明：这样给值的checked没有和组件双向绑定上！！！
vue 动态生成 el-checkbox-group 遇到的v-model绑定问题及解决方法
w36680130的博客
09-13 1741
vue 动态生成 el-checkbox-group 遇到的v-model绑定问题及解决方法
element-ui表单验证，value一直为undefined的一种可能解决方案
HermitSun的博客
04-18 1万+
有很多人遇到过这个问题，但是一般都是因为prop没写对，或者没有在data里声明；但我遇到的情况这两者都不是。代码如下： <template> <el-form :rules="rules"> <el-form-item prop="value"> <el-input v-model="form.value"/> &l...
vue + element-ui项目，el-checkbox上的响应式问题——数据变化后勾选状态未变化
Annie的博客
07-15 8589
Vue 为了尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。若要两个元素完全独立，不要复用，添加具有唯一值的key即可。
关于input中的checked属性
热门推荐
flybone7的博客
07-04 2万+
checked属性值是true还是checked 2019-1-7 18:05|作者:admin|查看:4657|评论: 0|来自: 蚂蚁部落 复选框标签具有checked属性，通过此属性可以设置复选框的选中状态。 非常简单的操作，但是还是有不少朋友存在后面类似的疑问，那就是不确定checked属性值是true还是checked。 因为两个属性值在实际代码中都有出现，并且都是有效...
为什么直接用attr无效呢？
最新发布
03-09
### jQuery 中 `attr()` 方法失效原因分析 在特定场景下，`attr()` 方法可能无法按预期工作。对于表单元素的状态属性（如 `checked`, `selected`, 或者 `disabled`），应当使用 `prop()` 而不是 `attr()` 来设置或读取这些状态。 #### 表单元素状态属性的操作应采用 `prop()` 当处理像复选框这样的表单控件时，如果尝试通过 `attr('checked')` 获取其选中状态，则可能会返回未定义的结果[^1]。这是因为 `attr()` 主要用于操作 HTML 属性而非 DOM 属性；而诸如 `checked` 的布尔型属性实际上是属于后者的一部分，在这种情况下更推荐使用 `prop()` 函数来访问它们的真实值[^3]。 ```javascript // 正确的做法应该是这样： if ($(element).prop('checked')) { console.log("Checkbox is checked"); } else { console.log("Checkbox is not checked"); } ``` #### 修改后的全选功能实现方式 针对提到的全选/取消全选逻辑，可以调整为如下所示： ```javascript $('#selectAll').click(function(){ $('input:checkbox').not(this).prop('checked', this.checked); }); ``` 这里利用了 `.prop()` 方法正确设置了其他复选框的选择状态，并且解决了原问题中的 `undefined` 返回值情况。 #### 动态更新 `<video>` 标签源文件路径的方法 另外值得注意的是，对于多媒体元素来说，单纯更改子节点 `<source>` 的 `src` 并不会触发播放器自动刷新资源。因此需要调用父级 `<video>` 元素上的 `load()` 方法强制重新加载媒体流以应用新的 URL 地址[^2]。 ```javascript var video = $('#myVideo'); video.find('source').attr('src', newSrc); // 更新 source src 属性 video[0].load(); // 加载新视频 ``` 综上所述，为了确保代码能够稳定运行并达到预期效果，建议开发者们根据实际需求选用合适的 API 接口——即对于涉及DOM属性的操作优先考虑 `prop()`，而对于HTML特性则继续沿用 `attr()`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值