JQuery控制Radio选中方法分析

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

　　方法1：

1
2
3
4
5
6
7
8
9
10

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

　　方法2：(简单方法)

1
2
3
4
5
6
7
8
9
10
11
12

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

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

　　总结：

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

　　默认选上radio:

1
2
3
4

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

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

　　1.jquery获取radio的值

　　2.jquery获取checkbox的值

　　3.jquery获取select的值

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

1
2
3
4
5
6
7

$('input[name="testradio"]: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的值，这样写

1
2
3
4
5

　　您的性别：

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

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

时间： 2024-12-03 07:24:16

JQuery控制Radio选中方法分析

JQuery控制Radio选中方法分析的相关文章

JQuery控制Radio选中方法分析_jquery

JQuery控制radio选中和不选中方法总结_jquery

jQuery获取radio选中项的值实例_jquery

jquery 控制 select 选中

jQuery遍历json的方法分析_jquery

jQuery遍历节点树方法分析_jquery

jQuery select自动选中功能实现方法分析_jquery

JQuery判断radio是否选中并获取选中值的示例代码_jquery

Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结_jquery