现在的位置: 首页 > 综合 > 正文

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

2013年08月03日 ⁄ 综合 ⁄ 共 636字 ⁄ 字号 评论关闭
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
先看一段代码
<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也是这种写法

本文出自 “厚土常丰” 博客,请务必保留此出处http://xwebos.blog.51cto.com/3398850/642888

抱歉!评论已关闭.