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实现一个页面多个css样式实现
May 29 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
Oct 10 Javascript
js jq 单击和双击区分示例介绍
Nov 05 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
vue cli 全面解析
Feb 28 Javascript
微信打开网址添加在浏览器中打开提示的办法
May 20 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 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
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
基于php iconv函数的使用详解
2013/06/09 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
Laravel框架创建路由的方法详解
2019/09/04 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
Javascript 对象的解释
2008/11/24 Javascript
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
js自定义事件代码说明
2011/01/31 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
2014/06/23 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
详解Python中for循环的使用
2015/04/14 Python
python字符串连接方法分析
2016/04/12 Python
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
python实现多人聊天室
2020/03/31 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
python实现超市商品销售管理系统
2019/11/22 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
pandas to_excel 添加颜色操作
2020/07/14 Python
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
高中英语教学反思
2014/02/04 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
党组织公开承诺书
2014/03/29 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书