用$("...").attr("checked", true)设置勾选无效的原因

最新推荐文章于 2021-02-23 05:04:58 发布

weixin_30296405

最新推荐文章于 2021-02-23 05:04:58 发布

阅读量914

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/totian/p/8359086.html

本文介绍了一个使用jQuery处理checkbox点击事件的问题案例。作者原本尝试通过.attr()方法改变元素的checked属性，但发现再次点击时无法正确显示选中状态。解决办法是改用.prop()方法来确保视图与状态一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如下图所示，本来想要实现如下图所示的功能，于是我本来是使用$("...").attr("checked", true/false)来实现该功能，但是第一次点击时有效果，再一次点击时，发现下面框框的checked的确为true，但是就是勾勾没有，这就是个问题啊。

解决方法：将 $("...").attr("checked", true)改为$("...").prop("checked", true)

参考：http://blog.youkuaiyun.com/wsmeichao1/article/details/47445933

转载于:https://www.cnblogs.com/totian/p/8359086.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30296405

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JQuey中 attr('checked', true)设置状态只有第一次有用

POJIE19820106的博客

07-17

662

用prop() 在jQuery中可以使用attr()来访问对象的属性，但是在某些时候，比如访问input的disabled属性的时候，会有些问题。在有的浏览器中，只要写了disabled属性就可以，有的则要写：disabled="disabled"。所以jquery提供了新的方法prop()来获取这些属性，使用prop()的时候，返回值是标准属性：true/false，不会...

jquery.cookie.js实现用户登录保存密码功能的方法

10-22

值得注意的是，删除Cookie时，有些情况下直接设置`$.cookie(key, null)`或`$.cookie(key, '')`可能不起作用。这是因为`$.cookie()`在写入空字符串时可能不会真正删除Cookie，而是将其值设为空。为确保删除，可以设置...

参与评论您还未登录，请先登录后发表或查看评论

checkbox已设置为checked--true-但不勾选问题解决方法（只第一次勾选有效）

热门推荐

东方败败的博客

04-10

5万+

一、出现的问题及解决方法：今天在写一个table相关插件的时候无意中发现了这样一个问题，记得以前在写这种控制checkbox选中与非选中的代码时并没有这种bug，当时也是用的checked属性，而现在却行不通了。于是乎做了以下测试，测试demo：一个按钮控制checkbox的选中状态。测试js代码： $("#test_btn").click(function(){

Jquery 中 $('obj').attr('checked',true)失效的几种解决方案

weixin_34380296的博客

10-23

242

1、$('obj').prop('checked',true)2、$(':checkbox').each(function(){this.checked=true;})为什么：attr为失效？因为checked属于为原型对象的属性。而attr在remove原型对象时会出错。原型对象指的是自身自带的，无法移除。prop会忽略这个错误。而attr操作的是普通非原型...

checked jq 添加_jquery动态添加复选框.attr(“checked”,true)不起作用

weixin_28295799的博客

02-23

580

根据一些数据我正在克隆带有复选框的div并检查数据值是否为“True”然后追加到目标div.使用jquery 1.5.2IE8在兼容模式下工作,否则不起作用.FF不起作用.$(function () {// test datavar data = [{ "CB": "True" }, { "CB": "False"}];var theClone = $("#clone").clone(true);...

jquery使用attr()方法对checkbox设置checked属性为true时，勾选框没反应的问题以及解决办法

u013347796的博客

03-10

5694

问题情景：商品的全选和部分选中，单个商品取消勾选后再选中，想通过attr(“checked”,true)使checkbox勾选，但是页面上没反应。首先打开页面初始化是全选中的，此时全选的checked属性为checked。这是对一个商品取消选中，然后再次选中的情况，此时通过attr()方法设置checked为true，但是页面上没反应。解决办法通过百度查找attr()和prop()的...

jQuery 使用attr()方式设置 checked 失效原因及解决方法

weixin_30273931的博客

10-17

507

　　使用jQuery 的attr() 方法设置选择框 checked 失效核心原因是因 property和attribute实时同步的原因。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t...

if ($el.is(':checkbox')) { $el.prop('checked', false); $el.prop('disabled', true); }这样写对吗

最新发布

03-29

这部分是对的，因为`prop()`方法用于设置属性，尤其是像`checked`和`disabled`这样的布尔属性，正确的方法就是用`prop()`而不是`attr()`。我之前回答过类似的问题，用户可能已经知道这一点，所以现在他们应用了这个...

if($("#expire").attr("checked")==true)

03-21

例如，使用$('#expire').prop('checked')会返回一个布尔值，表示该复选框是否被选中。另外，使用.is(':checked')也可以达到同样的效果，这两种方法都是正确且常用的。接下来，我需要确认用户提供的引用内容是否有...

var getQ = function () { var userid = $('#user_nickname').val(); if (userid == null || userid == undefined) { return false; } else { $.ajax({ type: "POST", url: "../services/Qxgl.ashx", headers: { "Authorization": "0772A4AA051DDEBB393DC164B19A32E57C4FEEAB27A77820" }, data: { action: "getQ", id: userid }, success: function (msg) { $.each(msg.ds, function (index, item) { $('#a' + item.typeid).attr("checked", true); }) var result = ""; $("input[name='select_checkbox']:checked").each(function () { result += $(this).val() + ','; }); if (result != "") { result = result.substring(0, result.lastIndexOf(',')); } $("#typename").val(result); } }); } }

03-08

$('#a' + item.typeid).attr("checked", true); }) // 拼接选中值 var result = ""; $("input[name='select_checkbox']:checked").each(function () { result += $(this).val() + ','; }); // 去除末尾...

attr 设置checked无效的问题

zcaixx的博客

12-29

779

1、attr()和prop()的区别 attr()方法主要是用来处理自定义的DOM属性； prop()方法主要是用来处理本身就带有的固有属性，W3C标准里面说明的属性，或者在IDE里面能够智能提示的属性，都是固有属性，可以结合这篇文章一起看：http://blog.csdn.net/tangxiujiang/article/details/76735188 2、什么时候使用它们呢具...

jquery 1.6以上 attr(“checked”)==true 不能使用的原因

birdflysky的专栏

05-03

431

在把Jquery包从1.5…升级为1.6以上之后，发现之前的attr(“checked”)==true 都无法工作了。现在你需要把 attr(“checked”)==true 修改为 prop(“checked”)==true 即可。

jQuery 1.9 以后的 .attr(“checked”, true)

票根的博客

09-28

392

jQuery 1.9 以后的 .attr(“checked”, true) jQuery 1.9 以后, 使用 .attr(“checked”,true) 或 attr(“checked”, “checked”) 将无法正确设置 checkbox的状态, 同样的, 使用 .attr(“checked”) 也无法正确获取checkbox的状态新版本开始使用 .p

动态修改单选框

初叙

10-09

559

通过js代码来改变单选框的选中状态： //选中 $("#id").attr('checked',true); //第2种写法 $("#id").attr('checked','checked'); 注：checked的值为true或false没有引号，设置为'checked'时不能忘记引号。 //不选中 $("#id").attr('checked',false); ...

（原）关于.attr(“checked”, true)无法修改值得问题

一天进步一点点

11-12

605

我在用.attr(“checked”, true)发现无法设置checkbox的状态，第一次使用 .attr(“checked”, true) 的时候, checkbox被正确的勾选上了, 但是如果取消了勾选状态(手动取消, .removeAttr(“checked”), 或.attr(“checked”, false)中的任何一种方法), 再次使用 .attr(“checked”, true)...

layui动态设置checkbox选中状态无效

Think88666的博客

02-14

2272

经测试发现通过attr方法设置选中状态是无效的， $("#select1").attr("checked", "checked"); 改用prop方法则能正常使用 $("#select1").prop("checked", true);

Jquery 中 $('obj').attr('checked',true)失效的几种解决方案

juedaishusheng的博客

11-15

1719

$('input[name="warehouseLevel"]').each(function(i,obj){ $(this).attr("checked",false); if(row.isQuery==$(this).val()){ $(this).attr("checked",true); } }); 开发中发现这样radio只能选中一次后面就无法选中，最后找到解决

$('#checkbox').attr('checked') 返回ture和checked 的原因

pshaoyi的专栏

07-01

1136

jquery 1.6 版本

jquery1.6中的.prop()和.attr()异同

别人在走，我在跑

05-17

904

最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法： 1、从1.5.2升级到1.6.1 通过...