JS实现单选按钮回显时页面效果出现,但选中单选框的值为空

Posted 小兵突击

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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变成相应的事件即可。

以上是关于JS实现单选按钮回显时页面效果出现,但选中单选框的值为空的主要内容,如果未能解决你的问题,请参考以下文章

MFC中如何取消已选单选框的勾选状态?

checbox复选框实现radio单选框的单选功能

angularjs怎么获取到单选框的值

JS中获取页面单选框radio和复选框checkbox中当前选中的值

JS中获取页面单选框radio和复选框checkbox中当前选中的值

jsp中选择单选框改变下面显示的值,这个代码如何实现