JQuery控制Radio选中方法分析

前端之家收集整理的这篇文章主要介绍了JQuery控制Radio选中方法分析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JQuery控制Radio选中方法分享给大家供大家参考。具体如下:

方法1:

dio1").attr("checked",true); $("#Radio2").attr("checked",false); }); $("#spanNv").click(function () { $("#Radio2").attr("checked",true); $("#Radio1").attr("checked",false); }); })

方法2:(简单方法

dio1").attr("checked",true); //$("#Radio2").attr("checked",false); $("#Radio1").click(); }); $("#spanNv").click(function () { //$("#Radio2").attr("checked",true); //$("#Radio1").attr("checked",false); $("#Radio2").click(); }); })
dio2" type="radio" name="sex"/>

总结:

HTML的Radio控件若要实现单选,比如本例中男女的选择,需要给Radio添加name属性,且值相同;例:name=“sex”。

默认选上radio:

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.jquery获取radio的值 2.jquery获取checkBox的值 3.jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码

dio"]:checked').val();

$('input:radio:checked').val();

$('input[@name="testradio"][checked]');

$('input[name="testradio"]').filter(':checked');

差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

$('input[name="testradio"]').each(function(){alert(this.value);});

如果要取具体某个radio的值,比如第二个radio的值,这样写

dio][name=sex][@value=1]").attr("checked",true); });

您的性别:

dio" name="sex" value="1" />男 dio" name="sex" value="0" />女

希望本文所述对大家的jQuery程序设计有所帮助。

猜你在找的jQuery相关文章