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资料toString 方法
Mar 13 Javascript
JQuery Ajax 跨域访问的解决方案
Mar 12 Javascript
JavaScript初学者需要了解10个小技巧
Aug 25 Javascript
js跳转页面方法实现汇总
Feb 11 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
vue watch关于对象内的属性监听
Apr 22 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
Dec 07 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中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
详解PHP中instanceof关键字及instanceof关键字有什么作用
2015/11/05 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
js tab效果的实现代码
2009/12/26 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
解析微信JS-SDK配置授权,实现分享接口
2016/12/09 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
JS实现的DOM插入节点操作示例
2018/04/04 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
python连接字符串的方法小结
2015/07/13 Python
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
2017/04/18 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
Django中Model的使用方法教程
2018/03/07 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
基于TensorFlow的CNN实现Mnist手写数字识别
2020/06/17 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
详解HTML5表单新增属性
2016/12/21 HTML / CSS
佳能德国网上商店:Canon德国
2017/03/18 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
高级文秘工作总结的自我评价
2013/09/28 职场文书
生物制药专业求职信
2014/03/11 职场文书
花坛标语大全
2014/06/30 职场文书
宣传部部长竞选稿
2015/11/21 职场文书