选择了哪一个单选按钮JS代码怎么写

2012/11/1 11:15:56作者：佚名来源：网络

移动端

【实例名称】

选择了哪一个单选按钮

【实例描述】

单选按钮是一组类似的数据，但用户只能选择其中的一个值。本例学习如何判断用户选择了哪个值。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script language="JavaScript">
function checkradio()
{
   var parms=document.getElementsByName("radio1");
//获取所有的单选框
   var i;
   for( i=0;i<parms.length;i++)              
//遍历单选框
   {
       if(parms[i].checked)                     
//如果选择了此单选框
          alert("您选择了"+ parms[i].value);     
//提示用户的选择
   }
}
</script>
</head>
<body>
<input name="radio1" type="radio" value="体育运动" checked=checked />体育运动
<input name="radio1" type="radio" value="旅游休闲"/>旅游休闲
<input type="button"  name="btn1" value="检查" onclick="checkradio()" />
</body>
</html>

【运行效果】

运行效果