纠正 jQuery 获取 radio 选中值的写法

发布于 2021-02-15 11:24:34 字数 700 浏览 1240 评论 0

先看一段代码

<input type="radio" name="aaa" value="1" checked="true">aaa    
<input type="radio" name="aaa" value="2">bbb    
<input type="radio" name="aaa" value="3">ccc    
<input type="button" value="ok" onclick="doTest()">    
<script language="JavaScript">    
<!--   function doTest(){
  alert($("input[name='aaa'][checked]").val());  
}   
//--> </script>

网上流行的说法就是 $(input[name='aaa'][checked]).val() 能取到选中项的 value,但我测试后发现只在 IE 下有效,在 firefox 和 Chrome 中不论选中哪一项,或者不选,取到的值都是第一项的 value。

正确做法应该是

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

同样对于 checkbox 也是这种写法

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

qq_Yqvrrd

文章 0 评论 0

2503248646

文章 0 评论 0

浮生未歇

文章 0 评论 0

养猫人

文章 0 评论 0

第七度阳光i

文章 0 评论 0

新雨望断虹

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文