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统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
js数组中如何随机取出一个值
Jun 13 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
AngularJS表单详解及示例代码
Aug 17 Javascript
js中常用的Tab切换效果(推荐)
Aug 30 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
JavaScript中变量、指针和引用功能与操作示例
Aug 04 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
vue使用require.context实现动态注册路由
Dec 25 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
解决PHP mysql_query执行超时(Fatal error: Maximum execution time …)
2013/07/03 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
PHP socket 模拟POST 请求实例代码
2016/07/18 PHP
JS控制表格隔行变色
2006/06/26 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
jQuery前台数据获取实现代码
2011/03/16 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
微信小程序实现商城倒计时
2020/11/01 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
2019/07/12 jQuery
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
Python常用正则表达式符号浅析
2014/08/13 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
新西兰优惠网站:Treat Me
2019/07/04 全球购物
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
网络管理专业求职信
2014/03/15 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
教师学期末个人总结
2015/02/13 职场文书
教师求职自荐信
2015/03/26 职场文书
上甘岭观后感
2015/06/10 职场文书
倡议书怎么写?
2019/04/11 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python