js获取单选按钮的数据


Posted in Javascript onNovember 27, 2006

也许这是个很简单的问题,可是在我学习程序的时候忽略了单选按钮。导致对于他的数据传递方法的空缺。经过嗷嗷的帮助实现了下面关于年龄选择的表单的数据获取,仅仅在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>
 
参考资料
js:http://www.blueidea.com/tech/web/2006/3567_8.asp
form:http://www.netvtm.com/w3s/html/html-forms.html
Javascript 相关文章推荐
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
js 限制数字 js限制输入实现代码
Dec 04 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
Nov 30 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
准确获得页面、窗口高度及宽度的JS
Nov 26 #Javascript
解决FireFox下[使用event很麻烦]的问题
Nov 26 #Javascript
DHTML 中的绝对定位
Nov 26 #Javascript
js验证表单第二部分
Nov 25 #Javascript
js验证表单大全
Nov 25 #Javascript
禁止刷新,回退的JS
Nov 25 #Javascript
用函数式编程技术编写优美的 JavaScript
Nov 25 #Javascript
You might like
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
php实现分页显示
2015/11/03 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
jQuery 性能优化指南(3)
2009/05/21 Javascript
原始的js代码和jquery对比体会
2013/09/10 Javascript
JSON相关知识汇总
2015/07/03 Javascript
JavaScript中this详解
2015/09/01 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
ES6中Set和Map用法实例详解
2020/03/02 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
python使用KNN算法识别手写数字
2019/04/25 Python
python 自定义装饰器实例详解
2019/07/20 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
Python API自动化框架总结
2019/11/12 Python
提升python处理速度原理及方法实例
2019/12/25 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
Omio俄罗斯:一次搜索公共汽车、火车和飞机的机票
2018/11/17 全球购物
市场营销专科应届生求职信
2013/11/24 职场文书
个人自荐信
2013/12/05 职场文书
DIY蛋糕店的创业计划书范文
2013/12/26 职场文书
教师岗位职责范本
2013/12/29 职场文书
教师辞职报告范文
2014/01/20 职场文书
网吧消防安全制度
2014/01/28 职场文书
培训主管岗位职责
2014/02/01 职场文书
大学生求职计划书
2014/04/30 职场文书
比赛口号霸气押韵
2015/12/24 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python