jQuery中获取Radio元素值的方法
发布时间：2014-02-04 编辑：jiaochengji.com
这篇文章介绍了jQuery中获取Radio元素值的方法，有需要的朋友可以参考一下
又发现自己写的JavaScript代码在FireFox下运行出错，原因很郁闷，在获取一个Radio元素的值的时候只得到了 undefind。
谷歌了一下，大多跟我用的方法是一样的
var value = $("input[name='radio1'][type='radio'][checked]").val();
这句在IE、Safari(3.2)下测试通过，但是在FireFox、Chrome下却得不到选中的值。
仔细再看手册，发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法？把代码改一下
var value = $("input[name='radio1'][type='radio']:checked").val();
在IE、FireFox、Chrome、Safari(3.2)下测试均通过。
顺便测试了select元素，手册上的写法跟我常用的写法，在上述几个浏览器下都可以获取到正确的值。
var value1 = $("select").val(); var value2 = $("select option:selected").val();
我是在jquery 1.32版本下测试的，大家可以试一下。
谷歌了一下，大多跟我用的方法是一样的
复制代码 代码如下:
var value = $("input[name='radio1'][type='radio'][checked]").val();
这句在IE、Safari(3.2)下测试通过，但是在FireFox、Chrome下却得不到选中的值。
仔细再看手册，发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法？把代码改一下
复制代码 代码如下:
var value = $("input[name='radio1'][type='radio']:checked").val();
在IE、FireFox、Chrome、Safari(3.2)下测试均通过。
顺便测试了select元素，手册上的写法跟我常用的写法，在上述几个浏览器下都可以获取到正确的值。
复制代码 代码如下:
var value1 = $("select").val(); var value2 = $("select option:selected").val();
我是在jquery 1.32版本下测试的，大家可以试一下。
您可能感兴趣的文章：
使用jquery 获取值的方法
jquery获取元素值的方法(常见的表单元素)
jquery 获取表单元素里面的值示例代码
jQuery中获取Radio元素值的方法
jquery 判断 radio checkbox 是否选中的几种方法
锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）
jquery获取form表单元素值的实例
JQuery元素获取方法汇总
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
jquery获取选中的第一个radio值
[关闭]