jq 通过attr添加input checked属性失效，改用prop()

野性酷女 2024-04-19 12:39 66阅读 0赞

写一个问题，通过attr添加input的checked属性，radio标签已有checked=checked但是不显示勾选

**解决办法：**

//添加的时候用prop，取消用removeAttr
    if(dataBack.remind){ 
        $("#isremind").prop("checked",true);
    }else{ 
        $("#isremind").removeAttr("checked");

**原因：**

jQuery 1.6之前,attr()承担了attribute的设置和获取工作+property的设置和获取工作；

jQuery 1.6新增,prop()函数，并用来承担property的设置或获取工作之后，attr()才只用来负责attribute的设置和获取工作

因此，1.6版本以后通过attr(）设置checked的属性：

如果当前input中初始化未定义checked属性,则不管当前是否选中$(‘input\[type=“radio”\]’).attr(“checked”)都会返回undefined；

如果当前input中初始化已定义checked属性,则不管是否选中，$(‘input\[type=“radio”\]’).attr(“checked”)都会返回checked

**因此，在1.6之前，你只能使用attr()函数；1.6及以后版本，你可以根据实际需要选择对应的函数。**

在jQuery 1.6及以后版本中，具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()；对于其它能够用prop()实现的操作，也尽量使用prop()函数。

**延伸：attr与prop**

*  attr()

1.attr()是通过使用的 DOM 的 API setAttribute() 和 getAttribute() 方法操作的属性元素节点

2.(一般)设置或获取自定义的DOM属性

3.用attr来设置属性名，html结构是会发生变化

4.设置的属性值只能是字符串类型(如果不是字符串类型，也会调用其toString()方法，将其转为字符串类型)5.

*  prop()

1.prop()通过document.getElementById(el)\[name\] = value来设置的，是转化为js对象element 的一个属性

2.(一般)设置或获取元素本身就带有的固有属性(比如元素的DOM属性有“href、target和class")

3.用prop来设置属性名，html结构是不会发生变

4.设置的属性值可以为包括数组和对象在内的任意类型

*  removeProp()

removeProp()函数用于移除在当前jQuery对象所匹配的每一个元素上指定的属性

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）

一、遇到问题： $(":radio").removeAttr('checked'); $(":radio").attr('checked','tru...

太过爱你忘了你带给我的痛/ 2024年04月19日 15:26/ 0 赞/ 76 阅读

相关 jq 通过attr添加input checked属性失效，改用prop()

一个问题，通过attr添加input的checked属性，radio标签已有checked=checked但是不显示勾选 **解决办法：** //添加的时候用...

野性酷女/ 2024年04月19日 12:39/ 0 赞/ 67 阅读

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

今天在使用checkbox中，通过attr()获取checked状态时发现显示的是undefined。后来改成了prop()方法却没问题。百度发现，使用jQuery的attr方

￡神魔★判官ぃ/ 2022年06月17日 12:44/ 0 赞/ 202 阅读

相关 Jquery操作元素属性方法总结（attr()、prop()）

知识点一：获得、设置元素的属性获取： attr("属性名") 获得属性名对应的属性值，都可以使用 prop("属性名") 获得属性名

Love The Way You Lie/ 2022年06月16日 08:39/ 0 赞/ 235 阅读

相关 jQuery 获取元素属性 attr() 和 prop()

使用过jQuery的伙伴们，一定对 attr() 方法不陌生，attr() 方法的功能是：获取匹配的元素集合中的第一个元素的属性的值，还记得我以前将一些关键的数据值，通过该方法

川长思鸟来/ 2022年05月14日 13:34/ 0 赞/ 361 阅读

相关 jq中.prop()与attr()的区别

一，定义 prop() 方法设置或返回被选元素的属性和值。prop() 方法应该用于检索属性值 attr() 方法设置或返回被选元素的属性和值。如需检索 HTML 属性，请

偏执的太偏执、/ 2021年12月17日 09:35/ 0 赞/ 179 阅读

相关 radio设置checked未选中,attr()改为prop()

设置单选按钮radio设置选中,使用 $("\radio01").attr("checked","checked");//radio未选中以为这样写不对,换了$("\ra

蔚落/ 2021年10月15日 01:45/ 0 赞/ 370 阅读

相关 jquery 获取input checkbox checked属性

如果使用jquery,应使用prop方法来获取和设置checked属性 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true

Bertha 。/ 2021年09月15日 09:42/ 0 赞/ 424 阅读

相关 jQuery--属性操作（attr、removeAttr、prop、removeProp）详解

属性操作在JQuery中提供了一系列方法用于操作对象的属性。 <table> <thead> <tr> <th align="center">方法<

亦凉/ 2021年08月14日 01:02/ 0 赞/ 600 阅读

相关 jq attr与prop

//attr与prop的区别 / 1、prop多用在标签的固有属性，布尔值属性。比如：a标签的href，class，selected

约定不等于承诺〃/ 2021年07月25日 01:41/ 0 赞/ 362 阅读