js获取单选按钮的数据

2016-02-19 11:46 5 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的js获取单选按钮的数据,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

也许这是个很简单的问题,可是在我学习程序的时候忽略了单选按钮。导致对于他的数据传递方法的空缺。经过嗷嗷的帮助实现了下面关于年龄选择的表单的数据获取,仅仅在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

来源:https://www.tulaoshi.com/n/20160219/1598558.html

延伸阅读
标签: 电脑应用
我们将使用画图工具和ActionScript 3.0中的时间轴,鼠标事件做一个好看的 单选按钮 。 最终预览 我们先看一下最终作品: 第一步:概述 一个单选按钮或选项按钮是一个图形用户界面元素,允许用户只选择一个预定义的选项集的类型。 在这个教程中,我们将创建一个传统的单选按钮。 ...
标签: Web开发
如果我们需要通过触发事件得到数据行的信息,可以用脚本了来实现,下面是单击数据行得到行信息的代码: function db(index) {     var str = new String("");     var curTRObj = this.Rows[index].Control;     //var column=this.column.lengh;     for ...
标签: Web开发
今天写的,项目要求的控制取值的代码,放上来让大家轻拍一下。 需求:图片可以多选,单独提取第一次选取图片的值、提取用户选择的所有图片的值并保存。 那位高手有更好的方法,请留下脚印,谢谢!^-^ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
最近做个页面,需要用javascript获取url参数,可发现网上的东西,实在是多了,错误也实在是多啊,真晕,浪费了我不少时间于是,我便总结一下,一个好用的就可以了,先声明下,用正则,是简单,但多浏览器的兼容性,和速度不敢保证了,所以我就用个多浏览器兼容的 代码如下: script language = javascript function reque...
标签: Web开发
body{font-size:12px;} .code{display:none;} 标题一 详细内容一 标题二 详细内容二 标题三 详细内容三 标题四 详细内容四 标题五 详细内容五 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] body{font-size:12px;} .code{display:none;} 标题一 详细内容一 标题二 详细内容二 标题三 详细内容三 标题四 详细内容四 ...

经验教程

848

收藏

54
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部