JQuery控制Radio选中方法分析

这篇文章主要介绍了JQuery控制Radio选中方法,涉及jQuery表单操作及鼠标事件响应的方法,需要的朋友可以参考下

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

方法1：

1. $(function () {  
2. $("#spanNan").click(function () {  
3. $("#Radio1").attr("checked", true);  
4. $("#Radio2").attr("checked", false);  
5. }); 
6. $("#spanNv").click(function () { 
7. $("#Radio2").attr("checked", true); 
8. $("#Radio1").attr("checked", false); 
9. }); 
10. }) 

方法2：(简单方法)

1. $(function () { 
2. $("#spanNan").click(function () { 
3. //$("#Radio1").attr("checked", true); 
4. //$("#Radio2").attr("checked", false); 
5. $("#Radio1").click(); 
6. }); 
7. $("#spanNv").click(function () { 
8. //$("#Radio2").attr("checked", true); 
9. //$("#Radio1").attr("checked", false); 
10. $("#Radio2").click(); 
11. }); 
12. }) 

1. <input id="Radio2" type="radio" name="sex"/> 
2. <label for="Radio2">女</label> 

总结：

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

默认选上radio:

1. jQuery(document).ready(function(){ 
2. $("input[name=targetBlank]:eq(0)").attr("checked",'checked'); 
3. $("input[name=status]:eq(0)").attr("checked",'checked'); 
4. }); 

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

1.jquery获取radio的值

2.jquery获取checkbox的值

3.jquery获取select的值

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

1. $('input[name="testradio"]:checked').val(); 
2.  
3. $('input:radio:checked').val(); 
4.  
5. $('input[@name="testradio"][checked]'); 
6.  
7. $('input[name="testradio"]').filter(':checked'); 

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

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

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

1. <script type="text/javascript"> 
2. $(document).ready(function(){ 
3. $("input[@type=radio][name=sex][@value=1]").attr("checked",true); 
4. });  
5. </script> 

您的性别：

1. <input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男  
2. <input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女  

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