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 相关文章推荐
Js 弹出框口并返回值的两种常用方法
Dec 30 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
微信小程序中使用echarts的实现方法
Apr 24 Javascript
ajax跨域访问遇到的问题及解决方案
May 23 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 Javascript
vue实现树状表格效果
Dec 29 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
迅雷下载《中学科技》怀旧期刊下载
2021/02/27 无线电
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
如何修改yii2.0自带的user表为其它的表
2017/08/01 PHP
Javascript的IE和Firefox兼容性汇编
2006/07/01 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
在Python中调用ggplot的三种方法
2015/04/08 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
python实现画一颗树和一片森林
2018/06/25 Python
python 获取图片分辨率的方法
2019/01/08 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
Python小白垃圾回收机制入门
2020/06/09 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
eBay法国购物网站:eBay.fr
2017/10/21 全球购物
国庆节文艺活动方案
2014/02/03 职场文书
科学发展观标语
2014/10/08 职场文书
2015年采购工作总结
2015/04/10 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python