首页 > 网络编程 > JavaScript > 表单特效 > javascript radio

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需刷新才能执行]

javascript radio值获取代码

您可能感兴趣的文章: