设为首页收藏本站新闻投稿

MOD中国同盟社

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 865|回复: 4

[推荐] JavaScript获取radio单选框的值 [复制链接]

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

帖子
2836
精华
2
声望
12984 点
金币
2999 Mold
被赞许
28 次
注册时间
2006-4-28

Mod中国同盟社至高荣誉

发表于 2010-8-13 14:17:15 |显示全部楼层
今天有网友问我 为什么他用js取radio的值的时候总是取不到 呵呵 于是我便找了这么例子给他  索性发到这里来 让来此学习的朋友们 也看一下
  1. <form method="post" name="form1">
  2.     <label><input type="radio" name="radio" value="1-10 岁">1-10 岁</label>
  3.     <label><input type="radio" name="radio" value="11 岁">11 岁</label>
  4.     <label><input type="radio" name="radio" value="12-120 岁">12-120 岁</label>
  5.     <input type="button" onclick="ok()" value="测试选择值">
  6.   </form>
复制代码
-----------------------------------------------------------------
  1. <form method="post" name="form2">
  2.     <input type="text" name="textfield">
  3.   </form>
复制代码
-----------------------------------------------------------------
  1. <script language="javascript" type="text/javascript"> <!--
  2. function ok()
  3. {
  4.   var temp=document.getElementsByName("radio");
  5.   for (i=0;i<temp.length;i++){
  6.   //遍历Radio
  7.     if(temp[i].checked)
  8.       {alert("你选择了"+temp[i].value);
  9.       //获取Radio的值
  10.       document.form2.textfield.value="你选择了"+temp[i].value;
  11.       //传递给另外一个表单
  12.       }
  13.   }
  14. }
  15. -->
  16. </script>
复制代码
其实很简单的 呵呵~~~记到脑子里就OK了   要不然就每次用 都来这里瞄一下 哈 ~~~

使用道具 举报

Rank: 10Rank: 10Rank: 10

帖子
3735
精华
1
声望
5900 点
金币
2148 Mold
被赞许
47 次
注册时间
2009-12-20

优秀版主奖 Modchina灌水王 星界财团 可爱小猫

发表于 2010-8-13 14:30:34 |显示全部楼层
深奥的代码。好好看看...
至于你信不信,我反正信了

使用道具 举报

Honorary Member

地狱恶势力

Rank: 7Rank: 7Rank: 7

帖子
3449
精华
4
声望
15019 点
金币
2052 Mold
被赞许
90 次
注册时间
2010-4-4

Modchina灌水王 可爱小猫 懒人勋章

发表于 2010-8-13 14:37:26 |显示全部楼层
很深奥啊..不太明白这是什么

使用道具 举报

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

帖子
2836
精华
2
声望
12984 点
金币
2999 Mold
被赞许
28 次
注册时间
2006-4-28

Mod中国同盟社至高荣誉

发表于 2010-8-13 22:13:19 |显示全部楼层
在研究PHP+AJAX呢,用到JS而已~

使用道具 举报

头像被屏蔽

禁止发言

帖子
74
精华
0
声望
48 点
金币
-28 Mold
被赞许
-4 次
注册时间
2011-8-26
发表于 2011-8-28 15:07:24 |显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

回顶部