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 相关文章推荐
prototype Element学习笔记(Element篇三)
Oct 26 Javascript
网页禁用右键实现代码(JavaScript代码)
Oct 29 Javascript
ECMAScript6中Set/WeakSet详解
Jun 12 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
精通JavaScript的this关键字
May 28 Javascript
js发送短信倒计时的简单实现方法
Sep 08 Javascript
jquery 多个radio的click事件实例
Dec 03 Javascript
Bootstrap CSS组件之导航(nav)
Dec 17 Javascript
Bootstrap的modal拖动效果
Dec 25 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
javascript随机变色实例代码
Oct 15 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 06 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
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
用 Composer构建自己的 PHP 框架之使用 ORM
2014/10/30 PHP
php文件上传简单实现方法
2015/01/24 PHP
ecshop实现smtp发送邮件
2015/02/03 PHP
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
Position属性之relative用法
2015/12/14 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
Js面试算法详解
2018/04/08 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
python写一个md5解密器示例
2018/02/23 Python
Python自动抢红包教程详解
2019/06/11 Python
python实现简单坦克大战
2020/03/27 Python
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
初中三年学生的学习自我评价
2013/11/13 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
买房子个人收入证明
2014/10/12 职场文书
违纪学生保证书
2015/02/27 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript