×

jQuery中获取Radio元素值的方法

作者:Terry2017.02.06来源:Web前端之家浏览:9639评论:0
关键词:JQueryJS
又发现自己写的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版本下测试的,大家可以试一下。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1486310400903.html

网友评论文明上网理性发言已有0人参与

发表评论: