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 相关文章推荐
创建、调用JavaScript对象的方法集锦
Dec 24 Javascript
jQuery鼠标事件汇总
Aug 30 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
Vue.js对象转换实例
Jun 07 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 Javascript
JS简单数组排序操作示例【sort方法】
May 17 Javascript
vue如何使用async、await实现同步请求
Dec 09 Javascript
一篇文章看懂JavaScript中的回调
Jan 05 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
需要注意的几个PHP漏洞小结
2012/02/05 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
php正则表达式基本知识与应用详解【经典教程】
2017/04/17 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
原生js结合html5制作小飞龙的简易跳球
2015/03/30 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
js获取地址栏参数的两种方法
2017/06/27 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
Python函数学习笔记
2008/10/07 Python
tornado框架blog模块分析与使用
2013/11/21 Python
python生成随机密码或随机字符串的方法
2015/07/03 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
Python 类的特殊成员解析
2018/06/20 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
介绍一下grep命令的使用
2015/06/12 面试题
建议书标准格式
2014/03/12 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
会议室管理制度范本
2015/08/06 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
德生BCL3000抢先使用感受和评价
2022/04/07 无线电