关于JUQERY在多浏览器的不兼容问题

最新推荐文章于 2025-08-23 22:32:50 发布

原创最新推荐文章于 2025-08-23 22:32:50 发布 · 729 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #safari #firefox #chrome #测试 #input

本文解决了在不同浏览器中使用jQuery获取Radio元素值时遇到的问题，并对比了两种选择器的不同表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在获取一个Radio元素的值的时候只得到了 undefind。

谷歌了一下，大多跟我用的方法是一样的

1
var value = $("input[name='radio1'][type='radio'][checked]").val();

这句在IE、Safari(3.2)下测试通过，但是在FireFox、Chrome下却得不到选中的值。

仔细再看手册，发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法？把代码改一下

1
var value = $("input[name='radio1'][type='radio']:checked").val();

在IE、FireFox、Chrome、Safari(3.2)下测试均通过。

顺便测试了select元素，手册上的写法跟我常用的写法，在上述几个浏览器下都可以获取到正确的值。

1
2
var value1 = $("select").val();
var value2 = $("select option:selected").val();