jq给单/复选框添加checked属性无效的解决办法

最新推荐文章于 2023-03-15 15:25:26 发布
原创 最新推荐文章于 2023-03-15 15:25:26 发布 · 3.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jq checked 单选框 复选框

本文探讨了在jQuery中使用prop与attr的区别。当尝试设置复选框的状态时，使用.attr('checked', 'checked')并未生效，而.prop('checked', true)则成功实现了目标。文章解释了这两种方法的不同之处及何时使用它们。

jquery添加属性checked不管用（jquery，prop的使用）

$("#xxx").attr("checked","checked");

但是页面上并没有选中，换成

$("#xxx").prop("checked","checked"); 选中ok.


这里用attr只是为元素添加了checked=“checked”的属性，但是并没有使checked的动作生效。

利用prop是可以直接将属性生效的方法，例如：disable，checked.prop是布尔型的属性，属性值只有true|false.

Layui 12 Form 表单组件
monian187的博客
04-07 1472
layui form 表单组件整合
jquery中checkbox全选失效的解决方法
01-19
如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked”) )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，还会更新 property 属性，因此 boolean attribute（布尔属性）不需要通过 .prop() 来改变其值。推荐使用上述方法之一，来取得 checked 的值。 使用jQuery的attr方法获取和设置复选框的”checked”属性，发现第一次全选/取消全选有效，之后就无效了，但查
jQuery中对checkbox设置checked无用解决办法
05-10 424
1. 对html中的多选框设置选择和取消选择，如 $("#id").attr('checked',true);$("#id").attr('checked',false)。如果在调试栏中查看elements属性，可以看出，checked是已经设置成功了的，但是在html中不能表现出来。 2. 解决办法 ：用prop设置。prop的值为ture或者false.方法如下：$("#id"...
jquery 设置checked="checked"无效，radio未选中。。
weixin_33932129的博客
07-15 278
jquery 设置checked="checked"无效，radio未选中。。   最好还是使用.prop()，在jQuery1.6版本之前.attr存在一些bug、在1.6之后它会自动把.attr()转换成.prop()。
jQuery中的prop()设置单选框不生效
小龙狗的博客
03-18 4937
将 $("#sexRadio1").attr("checked",true); 替换为 $("#sexRadio1").prop("checked",true);
JQ给checkbox添加checked属性，无效
weixin_30764137的博客
11-21 698
使用JQ atrr("checked","checked")给checkbox添加属性，代码中已经添加属性，但是页面上没有效果。需要使用prop("checked",true)，才会有效果。 本次实验使用的是jquery-2.1.4，prop属性从JQ-1.6开始 转载于:https://www.cnblogs.com/Echiops/p/7873605.html...
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
11-25
在这个例子中，我们还添加了一个示例，展示了如何在`click`事件触发时遍历并检查`#check_item`内的所有复选框，同时处理它们的`checked`状态。 总结来说，当需要对动态添加的元素绑定事件时，务必确保使用`on()`...
JQ四个常见案例.rar
08-26
jQuery提供了一系列方便的方法，如`$.trim()`用于去除字符串两端的空白字符，`val()`获取或设置表单元素的值，以及`$(selector).is(':checked')`检查复选框或单选按钮是否被选中。此外，还可以通过`keyup`, `blur`等...
JQ常见案例解析：表单校验与DOM操作实战
而“全选单选”则是多选列表中常见的交互模式，通常包含一个主控复选框（全选框）和多个子项复选框。通过jQuery绑定click事件，在全选框被点击时，将其状态同步给所有子项；反之，当任意子项状态改变时，需检测其余...
Jquery选中单选框不生效问题
技术改变命运,创新驱动中国
03-15 522
在jquery1.6前版本使用正常，在jquery1.6后版本存在问题，按钮只有第一次设置选中状态正常，之后再设置选中状态不生效。在jquery1.6之后版本，对于checked，selected等进行状态改变时推荐使用。
jQuery控制checkbox选中状态失效
lqw199311的博客
12-13 1789
jQuery中prop和attr的用法区别 1.对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 2.对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。 例如: $(':inpu...
设置input checked 失效 解决方案
zlzbt
07-09 4488
小编在写代码的过程中用到了input标签，然而小编简单的以为使用老套的jquery的attr()即可，没想到入了一个大坑，审查匀速时即使看到 <input type ='radio' checked='checked'/> 依然没有起到选中的效果，小编就疯狂百度了一下，学习到了jQuery 1.6新增函数 主要就是将 attr() 换成prop 即可 prop()函数 下面...
使用jquery给单选按钮设置值成功但没有效果的原因，应使用prop
jsw19901993的博客
12-23 3286
通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked");    //获取值 alert(checkedOfAll); $("input[name='procheck
vue之radio的checked无效与页面跳转传参
qq_34514388的博客
02-13 2106
1.radio的checked无效： 问题根源：type="radio"中checked属性无效。 “checked”属性的单选框会默认选中，但在vue里这是无效的，因为它会跟具体的参数值绑定。 解决方法：vue官网教程：v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值。因为它会选择 Vue 实例数据来作为具体的值。因此需要通过 JavaScr...
prop用于
んυز的博客
09-26 287
在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr。 如果当前input中初始化未定义checked属性，则不管当前是否选中， $(“#xxx”).attr(“checked”)都会返回undefined； 如果当前input中初始化定义了checked属性，无论checked=”“或 checked=”checked”，当前checkbox都...
jQuery 更改checkbox的状态,无效的解决方法
XiChuan的博客
04-08 1399
今天写页面遇到复选框动态全选或全不选问题，正常写法如下： ? 1 $("#tb").find("input[type='checkbox']").attr("checked","checked"); but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？
复选框已经有checked,但是页面没有选中效果（解决）
weixin_30888707的博客
09-07 952
原代码： $("#checked").click(function(){ 　　$(".input[name="checked"]").attr("checked","true"); }); 修改： $("#checked").click(function(){ 　　$(".input[name="checked"]").prop("checked","true"); }); 原因：...
CSS - 选择器应用（自定义复选框 & 单选框）
小蚂蚁的世界
05-25 2971
当CSS 最初出现时，它对表单元素的样式控制力是极为有限的，而且现在仍然没有哪个CSS 规范明确定义了这方面的行为。不过这些年来，各种浏览器已经在逐步放开CSS 属性对表单控件的作用范围，从而允许我们设置大多数表单控件的样式。不幸的是，复选框和单选框不在此列。直到今天，这两种控件在绝大多数浏览器中仍然是几乎或完全无法设置样式的。&lt;!DOCTYPE html&gt; &lt;html la...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柠檬不萌c

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值