Question

怎么判断页面内多个radio型的input元素都被选中了？

示例代码：<input name="v1" type="radio" value="a">A、学生 <input name="v1" type="radio" value="b">B、教师---<input name="v2" type="radio" value="a">A、非常了解<input name="v2" type="radio" value="b">B、比较了解----等等。后头还有很多类似的radio
怎么用js判断这些单选框都被选中了？
求高手解答

Answer 1

正如楼上所说，详细的过程和代码如下：（这是我以前回答过别人的和你问的差不多的一个问题） <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="24" colspan="2" align="center" bgcolor="#009933"> </td>
</tr>
<script type="text/javascript">
function doCheck(o)
{
var d=document.getElementById("do").checked;
var obj=document.getElementById(o);
if(d)
{
for(i=0;i<obj.length-2;i++)
{
obj.elements[i].checked=true;
}
}else{
for(i=0;i<obj.length-2;i++)
{
obj.elements[i].checked=false;
}
}
}
</script>
<tr>
<td height="24" align="center"><input name="input" id="do" type="checkbox" onclick="doCheck('list')" /></td>
<td align="center">项目列表</td>
</tr>
<script type="text/javascript">
function CheckChoice(o,s)
{
var f=document.getElementById(o);//获取表单对象
var ba=new Array();//定义数组用以存储复选框的状态
var v=new Array();//定义数组用以存储复选框的值
for(i=0;i<f.length-2;i++)
{
ba[i]=f.elements[i].checked;
if(ba[i]==true)
{
v.push(f.elements[i].value);//把打勾的复选框的值追加到数组v里面
}
}
if(v.length==0)
{
alert("您没有选择任何条目！");
return false;
}
else{
if(v.length<(f.length-2))
{
alert("您没有选中所有条目");
return false;
}else{
alert("您选中了所有条目！");
}
}
}

</script>
<form id="list" name="list" action="?action=del" method="post">
<tr>
<td width="46" height="24" align="center"><input name="c1" type="radio" id="c1" value="1"></td>
<td width="154" align="center">项目条目1</td>
</tr>
<tr>
<td width="46" height="24" align="center"><input name="c2" type="radio" id="c2" value="2"></td>
<td width="154" align="center">项目条目2</td>
</tr>
<tr>
<td width="46" height="24" align="center"><input name="c3" type="radio" id="c3" value="3"></td>
<td width="154" align="center">项目条目3</td>
</tr>
<tr>
<td width="46" height="24" align="center"><input name="c4" type="radio" id="c4" value="4"></td>
<td width="154" align="center">项目条目4</td>
</tr>
<tr>
<td width="46" height="24" align="center"><input name="c5" type="radio" id="c5" value="5"></td>
<td width="154" align="center">项目条目5</td>
</tr>
<tr>
<td width="46" height="24" align="center"><input name="c6" type="radio" id="c6" value="6"></td>
<td width="154" align="center">项目条目6</td>
</tr>
<tr>
<td height="24" colspan="2" align="center" bgcolor="#009933"><input type="hidden" id="del_id" value="" /><input type="button" value="测试" onclick="CheckChoice('list','del_id')" /></td>
</tr>
</form>
</table>

Answer 2

判断它的 checked属性时候为true ，是则选中了。

Answer 3

function x(){
var m=document.getElementByname("v1");
if(m.checked){
alert("选中")

}
else{
alert("没选中")
}

}

Answer 4

因为代码默认设置使这样