js获取单选按钮数据示例代码

发布时间:2021-01-03编辑:脚本学堂
分享下js获取单选按钮中数据的一段代码,有需要的朋友参考下。

下面关于年龄选择的表单的数据获取,仅仅在IE下测试成功了。
 

复制代码 代码示例:
<form method="post" name="form1">
    <label><input type="radio" name="radio" value="1-10 岁">1-10 岁</label>
    <label><input type="radio" name="radio" value="11 岁">11 岁</label>
    <label><input type="radio" name="radio" value="12-120 岁">12-120 岁</label>
    <input type="button" onclick="ok()" value="测试选择值">
  </form>

js获取数据
 

复制代码 代码示例:
<script language="javascript" type="text/javascript">
<!--
function ok()
{
  var temp=document.getElementsByName("radio");
  for (i=0;i<temp.length;i++){
  //遍历Radio
    if(temp[i].checked)
      {alert("你选择了"+temp[i].value);
      //获取Radio的值
      document.form2.textfield.value="你选择了"+temp[i].value;
      //传递给另外一个表单
      }
  }
}
-->
</script>

数据传递给另外一个表单
 

复制代码 代码示例:
<form method="post" name="form2"> 
    <input type="text" name="textfield"> 
  </form>