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 相关文章推荐
自己开发Dojo的建议框架
Sep 24 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
js使用函数绑定技术改变事件处理程序的作用域
Dec 26 Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
Jan 16 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
详解参数传递四种形式
Jul 21 Javascript
javascript正则表达式定义(语法)总结
Jan 08 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 15 Javascript
vue element el-transfer增加拖拽功能
Jan 15 Vue.js
Vue实现下拉加载更多
May 09 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 smarty的预保留变量总结
2008/12/04 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
ecshop实现smtp发送邮件
2015/02/03 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
一段实用的php验证码函数
2016/05/19 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
浅谈PHP进程管理
2019/03/08 PHP
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
vue单页应用中如何使用jquery的方法示例
2017/07/27 jQuery
使用Angular CLI进行Build(构建)和Serve详解
2018/03/24 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
JS实现数组的增删改查操作示例
2018/08/29 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
python Django连接MySQL数据库做增删改查
2013/11/07 Python
用python代码做configure文件
2014/07/20 Python
python使用urlparse分析网址中域名的方法
2015/04/15 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
django中嵌套的try-except实例
2020/05/21 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
火山动力Java笔试题
2014/06/26 面试题
信息服务专业毕业生求职信
2014/03/02 职场文书
药剂专业求职信
2014/06/20 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
教育实习指导教师评语
2014/12/31 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
承兑汇票延期证明
2015/06/23 职场文书