【web系列】纠正jQuery获取radio选中值的写法

装载自：http://xwebos.blog.51cto.com/3398850/642888

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

2011-08-19 12:48:03

标签：jQuery 职场 休闲 radio

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://xwebos.blog.51cto.com/3398850/642888

先看一段代码

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