JavaScript无法设置Radio checked的问题

问题描述

// 当选择“微信用户签到抽奖”时，触发
$(’#weChatSignIn’).click(function(){
$(’#wechat’).attr(‘checked’,‘checked’);
});

// 选择“导入名单抽奖”触发
$(’#importNameList’).click(function(){
$(’#import’).attr(‘checked’,‘checked’);
});

效果：无论怎么点击，都是第一个radio选中

原因

这里的主要原因是用attr()函数来设置元素的属性， attr()方法主要是用来处理自定义的DOM属性

解决

换成prop()函数来设置属性就正常了，如下面所示：

// 当选择“微信用户签到抽奖”时，触发
$(’#weChatSignIn’).click(function(){
$(’#wechat’).prop(‘checked’,‘checked’);
});

// 选择“导入名单抽奖”触发
$(’#importNameList’).click(function(){
$(’#import’).prop(‘checked’,‘checked’);
});

prop()方法主要是用来处理本身就带有的固有属性，W3C标准里面说明的属性，或者在IDE里面能够智能提示的属性，都是固有属性，可以结合这篇文章一起看：http://blog.youkuaiyun.com/tangxiujiang/article/details/76735188

prop 还是 attr

具有true和false属性的属性，就使用prop()，比如checked selected disabled等，其他的使用attr()

参考链接

通过点击事件设置radio的checked属性不生效