javascript radio值获取代码

更新时间：2009年03月17日 23:27:11 作者：

好多情况下，我们需要用js获取radio的值，下面是具体的实现方法，大家可以测试下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript 获取 radio 选中值</title> <script language="javascript" type="text/javascript"> //Copyright 2008 //By 小吴同学 QQ:100052800 //Date 2008-11-25 //$写法，用于获取元素ID名称 function $(id){return document.getElementById(id);} //获取 radio 选中值 function GetValue(){ //获取 radio 所在容器名，根据容器名称搜索 radio 的标签 input var radios = $("radios").getElementsByTagName("input"); //初始化对象 var grade = ""; //是否选中 radio,默认不选中，radio 可指定 checked="checked" 不受 flag 影响 var flag = false; //根据容器中搜索到的 input 标签的个数（长度）进行遍历 for(var i=0;i<radios.length;i++){ //如果当前有选中 if(radios[i].checked == true){ //赋值 grade = radios[i].value; //赋值 flag = true; //结束循环 break; } } //判断 radio 是否有选中 if(!flag){ alert("No choose"); return; }else{ alert(grade); } } </script> </head> <body style="font:12px 'Microsoft Sans Serif'"> <div id="radios"> <input name="radio" type="radio" value="1"/>1 <input name="radio" type="radio" value="2" />2 <input name="radio" type="radio" value="3" />3 <input name="radio" type="radio" value="4" />4 <input name="radio" type="radio" value="5" />5 <input name="button" type="button" value="GetValue" onclick="GetValue()"/> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js选中radio
document.consumerform.consumer_sex[0].checked=true;
下面是网上的一些补充资料，本人感觉还不错，提供给大家
介绍了通过一个函数方便地取 Radio 选中值的情况，该程序适用于两个及以上的同名 Radio。但实际中，仅有一个 Radio 的情况也存在，于是我们得增强程序功能，使程序适用于一个及以上的同名 Radio。

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

select 控制网页内容隐藏于显示的实现代码
js下通过select的控制实现内容的隐藏于显示，需要的朋友可以参考下。
2010-05-05
用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)
为了同时支持Firefox和IE，我们常常用document.getElementById(id)方法来取得HTML对象。但是getElementById方法只能取得单个对象，而对于CheckBox数组则无能为力。
2010-12-12
在textarea中显示html页面的javascript代码
在textarea中显示html页面的javascript代码...
2007-04-04
option挡住div解决方法
Div下拉菜单被Select挡住的解决办法
2008-11-11
javascript 常用代码技巧大收集
文本框焦点问题网页按钮的特殊颜色等常用的一些网站中常用到的一些不得不会的一些知识点。
2009-02-02
form中限制文本字节数js代码
form中限制文本字节数js代码...
2007-06-06
js下在password表单内显示提示信息的解决办法
js下在password表单内显示提示信息的解决办法...
2007-08-08
javascript兼容firefox的文本输入长度提示
以下代码是兼容firefox的文本输入长度提示，实时显示输入的字符长度，当超过输入长度的时候自动截取。以实现文本输入长度限制，其中maxlength是设置的文本长度上限。
2008-06-06
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
js数据验证集合，进行了封装推荐大家学习使用。里面有例子测试代码。
2010-05-05
js禁用和激活input表单的方法
这个功能方便控制input表达的禁用和激活
2008-06-06