jquery实现radio的取值、radio的选中及radio重置(代码分享)
发布时间：2015-11-01 编辑：jiaochengji.com
本文介绍下，用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>
<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;
或
$('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;
或
$('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;
或
$('input:radio[name=sex]')[2].checked = true;
5，重置 radio 按钮.
复制代码 代码示例:
$('input:radio[name=sex]').attr('checked',false);
做个记录吧，这么好的知识，保不齐哪天就用了。
jquery操作radio单选按钮，就是这么简单哦。
您可能感兴趣的文章：
jquery实现radio的取值、radio的选中及radio重置(代码分享)
Jquery获取radio选中值的方法
使用jquery获取radio的值
取选中的radio的值
js获取type=radio单选按钮中的值
jquery 获取表单元素里面的值示例代码
JS获取radio选中值实例代码
ExtJS设置与获取radio控件的选取状态
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
jQuery操作input type=radio的实现代码
[关闭]