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 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
canvas绘制的直线动画
Jan 23 Javascript
微信小程序实现滚动消息通知
Feb 02 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 Javascript
详解node字体压缩插件font-spider的用法
Sep 28 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 Javascript
准确获得页面、窗口高度及宽度的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通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
Yii模型操作之criteria查找数据库的方法
2016/07/15 PHP
PHP判断表达式中括号是否匹配的简单实例
2016/10/22 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
PHP中SESSION过期设置
2021/03/09 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
python flask实现分页的示例代码
2018/08/02 Python
pycharm运行和调试不显示结果的解决方法
2018/11/30 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
Python文件操作函数用法实例详解
2019/12/24 Python
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
会计专业毕业生自我评价
2013/09/25 职场文书
课堂教学改革实施方案
2014/03/17 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
活动总结格式范文
2014/04/26 职场文书
2014年大学团支部工作总结
2014/12/02 职场文书
邀请函范文
2015/02/02 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
2015年社区反邪教工作总结
2015/10/14 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers