js获取单选按钮的数据

何苦那么累life

何苦那么累life

2016-02-19 11:46

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的js获取单选按钮的数据,过去的都会过去,迎接崭新的开始,释放更美好的自己。
也许这是个很简单的问题,可是在我学习程序的时候忽略了单选按钮。导致对于他的数据传递方法的空缺。经过嗷嗷的帮助实现了下面关于年龄选择的表单的数据获取,仅仅在IE下测试成功了。先测试一下这个程序效果。
代码如下:

form method="post" name="form1"
    labelinput type="radio" name="radio" value="1-10 岁"1-10 岁/label
    labelinput type="radio" name="radio" value="11 岁"11 岁/label
    labelinput 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;itemp.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 
参考资料
js:http://www.blueidea.com/tech/web/2006/3567_8.asp
form:http://www.netvtm.com/w3s/html/html-forms.html
展开更多 50%)
分享

猜你喜欢

js获取单选按钮的数据

Web开发
js获取单选按钮的数据

JS初学者实例教程(8):单选按钮、复选按钮

Web开发
JS初学者实例教程(8):单选按钮、复选按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

js获取变量

Web开发
js获取变量

JavaScript/JS实现更方便的单选框

Web开发
JavaScript/JS实现更方便的单选框

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

js下获得单选框的值的代码

Web开发
js下获得单选框的值的代码

从零开始学习创建单选按钮

flash教程
从零开始学习创建单选按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

最简短的拖动对象代码实例演示

最简短的拖动对象代码实例演示

删除重复数据的算法

删除重复数据的算法
下拉加载更多内容 ↓