JS实现单选按钮回显时页面效果出现，但选中单选框的值为空
js实现单选框回显不能触发绑定事件？回显后的单选框取不到值？
最近做了很多前端页面的工作，遇到的一个感觉很头疼的问题在这里记一下：
经常用JS回显单选框，但是明明从页面效果上来看，单选框已经被选中了，可是却不能触发单选框的change事件，取值的时候用某种方法取不能取的选中单选框的值（单选框取值有很多种方法，我的意思是有的能够取到，有的方法取不到）。
想了很久，整理出一套看起来很复杂却非常实用的JS回显方法。试验了多种前端框架和浏览器，均好使。假设我们需要给name为gender，value为1的单选框进行回显：
$(“[name=\’gender\’][value=1]”).attr(“checked”, “checked”).prop(“checked”, true).trigger(“change”);
attr和prop可以保证任何获取选中单选框的值的方法都可以获得，trigger方法手动触发单选框的change事件。如果你的单选框的事件是其他事件，只需要将change变成相应的事件即可。
版权声明：本文为xiaobingtuji原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。