jquery实现radio的取值、radio的选中及radio重置(代码分享)

发布时间:2019-09-08编辑:脚本学堂
本文介绍下,用jquery实现对radio进行取值,检测radio是否选中,以及重置radio选项的一些代码,供大家学习参考。

使用jquery操作radio选项,比较方便。

例如:radio 按钮组, name=”sex”。
如下:
 

复制代码 代码示例:
<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>

1,获取radio选中的value.
 

复制代码 代码示例:
$('input:radio[name=sex]:checked').val();

2,选择 radio 按钮 (Male).
 

复制代码 代码示例:
$('input:radio[name=sex]:nth(0)').attr('checked',true);

$('input:radio[name=sex]')[0].checked = true;

3,选择 radio 按钮 (Female).
 

复制代码 代码示例:
$('input:radio[name=sex]:nth(1)').attr('checked',true);

$('input:radio[name=sex]')[1].checked = true;

4,选择 radio 按钮 (Unknown).
 

复制代码 代码示例:
$('input:radio[name=sex]:nth(2)').attr('checked',true);

$('input:radio[name=sex]')[2].checked = true;

5,重置 radio 按钮.
 

复制代码 代码示例:
$('input:radio[name=sex]').attr('checked',false);

做个记录吧,这么好的知识,保不齐哪天就用了。
jquery操作radio单选按钮,就是这么简单哦。