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

写一个问题,通过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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值