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 相关文章推荐
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
快速实现jQuery多级菜单效果
Feb 01 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
JavaScript控制浏览器全屏显示简单示例
Jul 05 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
js实现橱窗展示效果
Jan 11 Javascript
原生JS实现汇率转换功能代码实例
May 13 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 Javascript
使用Vue.js和MJML创建响应式电子邮件
Mar 23 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截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
深入apache host的配置详解
2013/06/09 PHP
php中unserialize返回false的解决方法
2014/09/22 PHP
利用php生成验证码
2017/02/23 PHP
laravel model 两表联查示例
2019/10/24 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
使用jquery实现图文切换效果另加特效
2013/01/20 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
JavaScript 最佳实践:帮你提升代码质量
2016/12/03 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
Python 装饰器深入理解
2017/03/16 Python
代码分析Python地图坐标转换
2018/02/08 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
python实现静态web服务器
2019/09/03 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
大学校园毕业自我鉴定
2014/01/15 职场文书
打架检讨书2000字
2014/02/22 职场文书
党员创先争优心得体会
2014/09/11 职场文书
捐助感谢信
2015/01/22 职场文书
工资证明范本
2015/06/12 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书
导游词之山西-五老峰
2019/10/07 职场文书
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers