通过attr添加input checked属性失效的原因

本文详细解释了jQuery中attr()和prop()函数的功能差异。在1.6版本之前,attr()用于处理所有属性的读写操作;从1.6版本开始,prop()被引入专门用于处理元素的固有属性,而attr()则专注于处理自定义属性。文章还举例说明了如何正确地使用这两个函数来操作checked等布尔属性。

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

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. 

解决:通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 

$("input[type='radio']").prop("checked",true);

因此,在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.(一般)设置或获取元素本身就带有的固有属性(比如<a>元素的DOM属性有“href、target和class")

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

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

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值