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需再刷新一下页面才能执行]

您可能感兴趣的文章:

js form action动态修改方法
js修改form的action属性的函数
2008-11-11
实用的JS表单验证提示效果
一个流行且实用的JS表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写FormValid.showError类方法来实现错误显示方式自定义.
2009-11-11
比较平滑的js控制textaera的高度
textarea高度控制代码
2008-07-07
js动态在form上插入enctype=multipart/form-data的问题
在做文件上传的时候碰到了一个比较奇怪的问题，IE6，7，8上传文件总是失败，服务端接收不到文件的问题
2012-05-05
刷新时清空文本框内容的js代码
刷新时清空文本框内容的js代码...
2007-04-04
javascript操作文本框readOnly
javascript操作文本框readOnly...
2007-05-05
IE中checkbox在刷新后初始化的问题
在项目中有一个需求，要求页面中的checkbox在页面刷新或后退时都要重新初始化，即处于未选中的状态，不保存之前的状态。
2010-01-01
javascript Select标记中options操作方法集合
收集的比较全的关于用js操作select中的options方法
2008-10-10
javascript select 改变字的颜色
select变化字体颜色的代码。
2009-05-05
js监听表单value的修改同步问题，跨浏览器支持
今天同事测试发现项目中一个小bug，然后我负责解决。研究了不短的时间，终于搞定了，有点激动。呵呵。拿出来与大家分享。
2009-12-12

javascript radio值获取代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具