jQuery中获取Radio元素值的方法
作者:
这篇文章介绍了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 获取表单text,areatext,radio,checkbox,select值的代码
- 使用jQuery获取radio/checkbox组的值的代码收集
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
- 如何使用Jquery获取Form表单中被选中的radio值
- jquery判断RadioButtonList和RadioButton中是否有选中项示例
- Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
- jQuery获取Radio,CheckBox选择的Value值(示例代码)
- jQuery根据ID获取input、checkbox、radio、select的示例
- jquery获取radio值(单选组radio)
- JQuery判断radio是否选中并获取选中值的示例代码
- JQuery判断radio(单选框)是否选中和获取选中值方法总结
- jQuery获取radio选中项的值实例