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页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
浅谈EasyUI中编辑treegrid的方法
Mar 01 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
JavaScript 数组some()和filter()的用法及区别
May 20 Javascript
浅谈jQuery中ajaxPrefilter的应用
Aug 01 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 Javascript
vue prop传值类型检验方式
Jul 30 Javascript
vue实现井字棋游戏
Sep 29 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
JavaScript使用replace函数替换字符串的方法
2015/04/06 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
2015/09/14 Javascript
nodeJs内存泄漏问题详解
2016/09/05 NodeJs
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
判断网页编码的方法python版
2016/08/12 Python
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
python实现数据写入excel表格
2018/03/25 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
matlab中imadjust函数的作用及应用举例
2020/02/27 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
全球性的女装店:storets
2019/06/12 全球购物
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
工程部经理岗位职责
2013/12/08 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
房产协议书范本
2014/10/18 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python