使用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单选按钮,就是这么简单哦。