JavaScript获取选中radio单选按钮值

2018-6-6 15:30| 作者: admin| 查看: 588| 评论: 3|来自: 蚂蚁部落

下面介绍一下如何获取选中的radio单选按钮的值。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript">
window.onload=function(){
  var inputs=document.getElementsByName("antzone");
  var oshow=document.getElementById("show");
  for(var index=0;index<inputs.length;index++){
    if(inputs[index].checked==true){
      oshow.innerHTML=inputs[index].value;
    }
  }
}
</script>
<body>
<div id="show"></div>
<div id="box">
  <input type="radio" name="antzone" checked value="1"/>
  <input type="radio" name="antzone" value="2"/>
  <input type="radio" name="antzone" value="3"/>
  <input type="radio" name="antzone" value="4"/>
  <input type="radio" name="antzone" value="5"/>
</div>
</body>
</html>

原理也比较简单,首先获取radio单选按钮的集合,然后遍历集合中的每一个radio元素的checked属性值是否为true,如果为true就是被选中,那么将选中的单选按钮的值写入div即可。


鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 admin 2018-6-8 14:09
张家小公主: 这个只能获取value=&quot;1&quot;吗?选择了其他的没有用哦
现在是这样的,此例子只是演示如何获取选中的单选按钮的值
引用 张家小公主 2018-6-8 13:55
这个只能获取value="1"吗?选择了其他的没有用哦

查看全部评论(3)

返回顶部