其实js 获取radio的值是很简单的,如果是单选按钮组的话就遍历一次就行了,如果是单选的就直接判断.value就行了。
<!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>js 获取radio的值</title>
<script>
function radiogroup()
{for(var i=0;i<formobj.a.length;i++){
if(formobj.a[i].checked){
alert("单选框选中: " + formobj.a[i].value);
return true;
}
}
alert("单选框未选中");
return false;
}
</script>
实例二
<script>
function search(obj)
{
var urlparam
for(i=0;i<obj.getelementsbytagname("input").length-1;i++)
{
if(obj.getelementsbytagname("input")[i].checked)
{
urlparam=obj.getelementsbytagname("input")[i].value
break
}
}
obj.action+="&sjprice="+urlparam
return true
}
</script>
</head>
<body>
<form id="form" name="form" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_0" />
单选</label>
<br />
<label>
<input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_1" />
单选</label>
<br />
<label>
<input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_2" />
单选</label>
<br />
<label>
<input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_3" />
单选</label>
</p>
<p>
<input type="button" name="button" id="button" value="检测" onclick="网页特效:radiogroup();" />
<br />
</p>
</form>
</body>
</html>
方法三
一段js获取radio一组选中的值的代码,发出来给大家分享一下!
//预览函数
var colorid="";
function showtemp(){
var eless = document.getelementsbyname("colorstyle");
for(var i=0;i<eless.length;i++){
// alert(eless[i].checked+eless[i].name+eless[i].id);
if(eless[i].checked){
colorid=eless[i].value;
break;
}
}
alert(colorid+"--");
}
方法四,一段完整的实例
<script lanage="javascript">
function isid()
{
alert(document.all.gender.value);
if(document.all.gender.value='new')
{
eval("document.all.emp.style.display='block' ")
return false;
}else
{
eval("document.all.emp.style.display='none' ")
return true;
}
}function foo()
{
var selectedindex = -1;
var form1 = document.getelementbyid("form1");
var i = 0;
for (i=0; i<form1.gender.length; i++)
{
if (form1.gender[i].checked)
{
selectedindex = i;
alert("您选择项的 value 是:" + form1.gender[i].value);
break;
}
}
if (selectedindex < 0)
{
alert("您没有选择任何项");
}
}
</script>
<body>
<form method="post">
<table>
<tr><td>
<input type="radio" value="new" />
新员工
<input type="radio" value="old" checked="checked"/>
老员工
<input type="text" />
</td>
</tr>
</table>
</form></body>
</html>