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 相关文章推荐
Jquery练习之表单验证实现代码
Dec 14 Javascript
jquery对dom的操作常用方法整理
Jun 25 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
Jun 29 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
js中变量的连续赋值(实例讲解)
Jul 08 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 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
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
关于尾递归的使用详解
2013/05/02 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
php正则修正符用法实例详解
2016/12/29 PHP
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
深入理解Promise.all
2018/08/08 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
2020/09/17 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
Python获取指定字符前面的所有字符方法
2018/05/02 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
python pickle存储、读取大数据量列表、字典数据的方法
2019/07/07 Python
python单例模式的多种实现方法
2019/07/26 Python
pytorch之添加BN的实现
2020/01/06 Python
安全标语口号
2014/06/09 职场文书
保密工作整改报告
2014/11/06 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
大学学生个人总结
2015/02/15 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
职工的安全责任书范文!
2019/07/02 职场文书