`
I_conquer
  • 浏览: 25942 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

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

 
阅读更多

我在用.attr(“checked”, true)发现无法设置checkbox的状态,第一次使用 .attr(“checked”, true) 的时候, checkbox被正确的勾选上了, 但是如果取消了勾选状态(手动取消, .removeAttr(“checked”), 或.attr(“checked”, false)中的任何一种方法), 再次使用 .attr(“checked”, true) 或 .attr(“checked”, “checked”) 都将没有任何效果.原来jQuery 1.9 以后, 使用 .attr(“checked”, true) 或  attr(“checked”, “checked”) 无法设置 checkbox的状态, 同样的, 使用 .attr(“checked”) 也无法正确获取checkbox的状态

应该使用 .prop(“checked”, true) 和 .prop(“checkbox”) 来设置和获取checkbox的勾选状态, 习惯使用.is(“:checked”) 来获取状态, 这也是推荐的方法.

 

分享到:
评论

相关推荐

    Delphi浏览并修改文件属性.rar

    Delphi浏览并修改文件属性,可浏览到需要修改属性的文件夹,选中文件,可修改文件的只读、隐藏、存档、系统等属性,和Windows系统中修改文件属性的功能是一样的。一些具体的属性修改代码:  procedure TForm1....

    Jquery attr(checked) 返回checked或undefined 获取选中失效

    假设我们现在需要这样的场景:页面上有一个... //设置选中 $(‘#cb’).attr(‘checked’,true); [removed] 这样写在JQ1.6之前完全没问题,可是当我们升级JQ1.6到更高的版本时,问题就来了,此时我们会发现: $(‘#cb

    火狐中 获取checkbox的checked属性的方法

    这是因为jQuery的`.attr()`方法在处理某些属性,尤其是`checked`、`selected`和`disabled`等布尔属性时,可能会遇到问题。在火狐中,直接通过DOM元素的属性访问可能更为可靠。 下面是一个针对火狐优化的jQuery代码...

    关于jQuery中.attr()和.prop()的问题探讨

    在文章中提到的问题中,作者在IE8上代码能正常运行,在Chrome和Firefox却不行,主要问题在于他使用了.attr()方法来设置radio按钮的checked属性,而实际上应该使用.prop()方法。因为checked是一个Boolean型的DOM属性...

    jquery1.6.2(api+源码)

    要得到的属性的名称 .prop()方法只获得第一个匹配元素的属性值 。元素的一个属性没有设置,或者如果没有匹配的元素。它返回undefined值。为了让每个元素单独的值,...$(elem).attr("checked")(pre-1.6) true (Boolean)

    jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法

    本文实例讲述了jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下: 先看如下代码: /** * 全选 */ function checkAll() { $(input[name=ids])...

    jquery中radio checked问题

    $("#ISOK1").attr("checked", true); ``` `.attr()` 是jQuery中用来获取或设置元素属性的方法,适用于设置HTML属性,如`checked`。然而,在jQuery 1.6版本之后,对于可变属性(如`checked`、`selected`、`...

    jquery attr方法获取input的checked属性问题

    问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...

    jQuery获取选中内容及设置元素属性的方法

    获取选中select : ...$("input[name=sex][value="+data.sex+"]").attr("checked",true); 获取radio: $("input[name='sex']:checked").val() 设置input不能编辑: $("#cashNum").attr("disabled","disabled");

    JQuery控制Radio选中方法分析

    本文实例讲述了JQuery控制... $(#Radio1).attr(checked, true); $(#Radio2).attr(checked, false); }); $(#spanNv).click(function () { $(#Radio2).attr(checked, true); $(#Radio1).attr(checked, false); });

    浅析jquery与checkbox的checked属性的问题

    例如,如果你在点击事件中设置 `$("#checkbox_id").attr("checked", true)`,复选框可能不会立刻显示为选中状态。这是因为 DOM 操作并不自动触发浏览器的重新渲染。为了解决这个问题,可以使用 `.prop()` 方法,它会...

    jQuery 取值、赋值的基本方法.pdf

    - 判断复选框是否选中:`if ($("#chk_id").attr('checked')==true)` - `$("input[@type=radio]").attr("checked", '2')` 设置指定value的单选按钮为选中状态。 - `$("#select_id").attr("value", 'test')` 设置...

    Jquery学习

    3. 对于checkbox,`$("#chk1").attr("checked", '')`取消选中,`$("#chk2").attr("checked", true)`则设为选中状态。 4. 使用`.attr("checked")`检查元素是否被选中。 以上内容涵盖了jQuery在处理Select和表单元素...

    Jquery 获取checkbox的checked问题

    当复选框默认就被设置为选中状态,即`<input type="checkbox" id="checkbox" checked>`,即使取消选中,使用`.attr("checked")`仍然会返回`"checked"`字符串。这是因为`.attr()`返回的是实际HTML属性值,而`.prop()`...

    jquery 、js实现复选框 (全选、反选)

    上述代码通过jQuery的选择器`$(":checkbox")`选中页面上所有的复选框,并通过`attr("checked", true)`设置它们的`checked`属性为`true`,从而实现了全选的功能。 **1.2 反选功能** 接下来实现反选功能,即当用户...

    JQ 获取和更改属性的值.rar

    如果`.attr("checked", true)`,则勾选复选框或单选按钮;`.attr("checked", false)`则取消勾选。同样适用于`selected`和`disabled`。 6. **事件绑定与解绑属性** - jQuery允许我们绑定和解绑事件处理函数。`$...

    JQuery常用控件赋值

    需要注意的是,在JQuery中,`attr("checked", 'checked') = attr("checked", 'true') = attr("checked", true)`,这三种写法效果相同。 **2.1.3 设置最后一个Radio为选中状态** 设置最后一个`Radio`为选中状态: - ...

    JQuery获取input控件值.docx

    - 设置checkbox是否选中,可以使用`.attr("checked", true)`或`.attr("checked", false)`,例如:`$("#chk1").attr("checked", true)`来选中,`$("#chk1").attr("checked", false)`来取消选中。 5. **获取和设置...

    js操作checkbox遇到的问题解决

    遇到操作checkbox的问题全选 代码如下:$(“input[type=’checkbox’]”).each(function(){ this.checked=true }) 反选$(“input[type=’checkbox’]”).each(function(){if(this.checked){ this.checked=false ...

Global site tag (gtag.js) - Google Analytics