教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 使用jquery获取radio的值

使用jquery获取radio的值

发布时间:2011-11-25   编辑:jiaochengji.com
使用jquery获取radio的值,一般我们都是使用jquery获取已经被选中的radio的值,所以在选择器中注意要加checked选项

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

<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值<br />
<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值<br />
<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值<br />

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

1、

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

2、

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

3、

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

4、

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

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

$('input[name="testradio"]').each(function(){
			alert(this.value);
		});
如果要取具体某个radio的值,比如第二个radio的值,这样写

$('input[name="testradio"]:eq(1)').val()

通过修改运行下面的实例,加深你的印象

 

您可能感兴趣的文章:
如何使用jQUery获取选中radio对应的值(一句代码)
jquery获取元素值的方法(常见的表单元素)
JS获取radio选中值实例代码
Jquery选中或取消radio示例
Jquery获取radio选中值的方法
jquery 获取表单元素里面的值示例代码
jquery实现radio的取值、radio的选中及radio重置(代码分享)
jQuery操作input type=radio的实现代码
jquery 判断 radio checkbox 是否选中的几种方法
jQuery对表单元素的取值和赋值操作代码

关键词: jquery  jquery  教程  radio     
[关闭]
~ ~