radio按钮选中

遇到js控制radio选中和切换的问题，之前使用的是切换checked属性

但是这个属性有个问题，就是用js给选中radio的赋值，使用的$().attr("checked",true);

当切换的时候，把name相同的radio的attr(“checked”,false)，再把要选中的radio.attr(“checked”,true)；

出现问题，每个radio只能被赋值一次，当第二次给他赋值的时候，赋不上值

后来发现，checkbox在这种情况下会出现一样的问题

w3cshool上关于这个属性的介绍

关键点在于被预先选定的input元素

也就是说这个属性原来就是打算页面加载的时候为了让radio有一个默认的值而增加的一个属性，这样有了这个属性的input在页面加载的时候就是选定的

所以当要切换input的时候，这个属性显然就不太合适了

所以在使用js对radio进行赋值切换的时候，推荐大家使用

1.$().prop("checked",true)
 

使用prop方法并搭配checked属性实现js点击radio

prop方法适用于set和get值为true/false的属性的方法如checked selected readyonly
 

而且不需要对未点击的radio做处理 很方便

2.$().click()
 

直接出发点击事件，不会出现问题

原因

jq对象的prop(“checked”,true/false)的根本与attr(“checked”,true/false)的根本在于prop是修改对象的checked属性，而attr是给标签添加了checked属性