jQuery中attr和prop在修改checked属性时的区别

先贴前端部分代码这是用bootstrap3制作的一个输入框

协议类型<&>

<&>
<&>
这里是对应的复选框代码

协议
<&>
<&>
对应的jquery如下（bug版）
$("#protocol").blur(function () {
if($("#protocol").val()!="")
$("#protocolCheckbox").attr("checked",true);
else{
$("#protocolCheckbox").removeAttr("checked");
}
});
大家看，感觉没什么问题哦吧，在输入框失去焦点时，会进行一次判断，如果为空，则移除checked属性，ok没问题，如果有值，那么会添加checked并设置为选中（checked="checked"一样）。但是问题来了！当第二次有值时，勾就打不上了！查看html源代码，果断看到checked="checked"，但就是勾没有打上！
代码变换如下，问题就解决了！
$("#protocol").blur(function () {
if($("#protocol").val()!="")
$("#protocolCheckbox").prop("checked",true);
else{
$("#protocolCheckbox").prop("checked",false);
}
});

声明：你问我答网所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流。若您的权利被侵害，请联系fangmu6661024@163.com

jQuery中attr和prop在修改checked属性时的区别

最新文章

陈嘉俊明星艺人，目前发展在哪个城市啊？

陈嘉俊明星出的书是在哪年发布的？

十二篮-十二篮的粉丝简称什么啊？

猜你喜欢