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点击更换背景颜色或图片的实例代码
Jun 25 Javascript
div模拟选择框示例代码
Nov 03 Javascript
node.js中的http.get方法使用说明
Dec 14 Javascript
基于豆瓣API+Angular开发的web App
Jan 02 Javascript
jQuery多条件筛选如何实现
Nov 04 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
深入理解JavaScript中的并行处理
Sep 22 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
js仿360开机效果
Dec 26 Javascript
vue实现div单选多选功能
Jul 16 Javascript
Js类的构建与继承案例详解
Sep 15 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
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
PHP数组函数知识汇总
2016/05/12 PHP
基于PHP常用文件函数和目录函数整理
2017/08/17 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
javascript 写的一个简单的timer
2009/07/30 Javascript
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
javascript的函数劫持浅析
2016/09/26 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
numpy返回array中元素的index方法
2018/06/27 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
联强国际笔试题面试题
2013/07/10 面试题
财政局长自荐信范文
2013/12/22 职场文书
高一历史教学反思
2014/01/13 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2015年技术员工作总结
2015/04/10 职场文书
雷锋的观后感
2015/06/10 职场文书
个人合作协议范本
2015/08/06 职场文书
升学宴家长答谢词
2015/09/29 职场文书
2016年学校招生广告语
2016/01/28 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python