js如何获取选中radio单选按钮的值

radio单选按钮在是非常常用的表单元素之一，经常需要获取被选中按钮的value属性值，下面就通过实例简单介绍一下如何使用javascript实现此功能，代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript">
window.onload=function(){
  var obox=document.getElementById("box");
  radios=obox.getElementsByTagName("input");
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    for(var i=0;i<radios.length;i++){
      if(radios[i].checked==true){
         alert(radios[i].value);
      }
    }
  }
}
</script>
</head>
<body>
<div id="box">
  <input type="radio" name="ra" value="1"/>
  <input type="radio" name="ra" value="2"/>
  <input type="radio" name="ra" value="3"/>
  <input type="radio" name="ra" value="4"/>
  <input type="radio" name="ra" value="5"/>
</div>
<input type="button" id="bt" value="点击查看结果" />
</body>
</html>

代码描述：js radio单选按钮。js如何获取选中radio单选按钮的值

下载全部收藏

660 879

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册