js获取radio按钮选中值代码实例

单选按钮radio是最为常用的表单元素之一通常情况下一组单选钮只能够选中一个，比如选择性别的时候只能够选择男或者是女，不可能同时都能够选中（虽然理论上有双性人），下面通过代码实例介绍一下如何获取选中按钮的值。

代码如下:

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

<!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 box=document.getElementById("box");
  var show=document.getElementById("show");
  radios=box.getElementsByTagName("input");
  for(var i=0;i<radios.length;i++)
  {
    if(radios[i].checked)
        {
      show.innerHTML = radios[i].value;
    }
  }
}
</script> 
</head> 
<body > 
<div id="show"></div>
<div id="box">
  <input type="radio" value="boy"/>男
  <input type="radio" value="girl" checked />女
</div>
</body> 
</html>

代码描述：js获取radio按钮选中值。js获取radio按钮选中值代码实例

下载全部收藏

140 187

用户评论

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