当前位置: 编程技术>jquery
jquery实现radio的取值、radio的选中及radio重置(代码分享)
来源: 互联网 发布时间：2014-09-03
本文导语: 使用jquery操作radio选项，比较方便。 例如：radio 按钮组, name=”sex”。 如下： 代码示例: Male Female Unknown 1，获取radio选中的value. 代码示例: $('input:radio[name=sex]:checked').val(); 2，选择 radio 按钮 (Male). 代码示例: $('input:rad...
使用jquery操作radio选项，比较方便。
例如：radio 按钮组, name=”sex”。
如下：
代码示例:
Male
Female
Unknown
Female
Unknown
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单选按钮，就是这么简单哦。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。