radio设置属性checked属性不生效问题汇总

版权声明：本篇博客内容来源于本人亲身经历，属于本人原创，转载请注明出处，感谢分享~~ https://blog.csdn.net/hl_qianduan/article/details/88684786

情况是这样的：

通过js动态设置radio添加checked属性，在控制台看到已经存在checked，但是页面显示没有选中。

分为两种情况来讲

情况一：用attr添加，removeAttr移除（即为我所遇到的问题）

解决方案：用prop和removeProp代替
原因：jQuery版本较低，attr存在这样的缺陷

情况二：在同页面除该组radio外的其他组radio设置name相同值

解决方案：将其他处radio的name设置不同即可
原因：一组radio（即name属相相同的radio）只能有一个处于选中状态

情况三：没有正确书写添加checked

解决方案：正确书写。如("#a").prop(“checked”,“checked”).siblings().removeProp(“checked”);
原因：不正确书写，ps.我之前有次好像是$("#a").prop("checked",true).siblings().prop("checked",false);  这么写也不生效，也可能是我记错了。推荐上述正确写法。

情况四：标签不闭合

解决方案：将radio标签闭合
原因：标签不闭合

更多情况欢迎大家留言补充