input的radio根据value和name反向显示

weixin_30466039

于 2018-09-10 14:28:00 发布

阅读量892

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wgl0126/p/9619395.html

本文介绍了如何使用jQuery来获取一组单选按钮（radio）的选择状态及其值，并展示了如何通过JavaScript反向设置单选按钮的状态。

1.获取radio的值，是根据name设置一组单选框。

例如：

<div id="sexBox">
	<input type="radio" id="woman" name="sex" value="0"><label for='woman'>女</label>
	<input type="radio" id='man' name="sex" value="1" checked><label for='man'>男</label>
</div>

2.获取选择的值，根据name值获取input的值

$("#sexBox input:radio[name='sex']:checked").val();

3.反向显示，根据value和name显示，注意[name='sex'][value='0']间不能有空格。

例如：默认显示女，如下选择。

$("#sexBox input:radio[name='sex'][value='0']").attr("checked",true);

转载于:https://www.cnblogs.com/wgl0126/p/9619395.html