jquery中如何获取同一组radio中被选中的value

使用jQuery轻松获取相同组radio按钮的选中值

最新推荐文章于 2019-07-05 15:28:40 发布

转载最新推荐文章于 2019-07-05 15:28:40 发布 · 131 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery便捷地获取HTML中相同组radio按钮的选中值，通过简单的代码示例展示实现过程。

如下html代码：

<input id="rad" name="rad" type="radio" value="1"/>
<input id="rad" name="rad" type="radio" value="2"/>
<input id="rad" name="rad" type="radio" value="3"/>

使用jquery可以很方便的获取到同一组的radio选中的value值

<script src="js/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function doit(){
    alert($("input[name='rad']:checked").val());
}
</script> 

<input id="rad" name="rad" type="radio" value="1"/> 
<input id="rad" name="rad" type="radio" value="2"/> 
<input id="rad" name="rad" type="radio" value="3"/> 
<input type="button" onclick="doit()" value="click">