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

最新推荐文章于 2025-09-09 16:55:30 发布

转载最新推荐文章于 2025-09-09 16:55:30 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1172409/blog/142571

文章标签：

#javascript #python #ViewUI

2019独角兽企业重金招聘Python工程师标准>>>

先看一段代码：

<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也是这种写法

转载于:https://my.oschina.net/u/1172409/blog/142571