怎么在提交时判断:必须选中每个radio

ww_stone 2005-07-06 12:54:32
有一批量raido,进入该页面时都未选中,现在要求提交表单时必须选中每一个radio,怎么实现呢?

下面是我实现的radioname为CheckFlag1,CheckFlag2,CheckFlag3的情况,有点疑问:
1、当radioname是CheckFlag47,CheckFlag48,CheckFlag49,不是从CheckFlag1递增的怎么实现
2、当radioname是CheckFlag6,CheckFlag48,CheckFlag79,不递增的又怎么实现,是不是可能加些隐藏域呢?
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<form name="formEdit" method="post" >
<table >
<tr>
<td >
1.是否大学生
<input type=radio name="CheckFlag1" value="on"> 是
<input type=radio name="CheckFlag1" value="off">否
</td>
</tr>
<tr>
<td >
2.是否北京人
<input type=radio name="CheckFlag2" value="on"> 是
<input type=radio name="CheckFlag2" value="off">否
</td>
</tr>
<tr>
<td >
3.是否结婚
<input type=radio name="CheckFlag3" value="on"> 是
<input type=radio name="CheckFlag3" value="off">否
</td>
</tr>
<tr>
<td >
4.是否……
<input type=radio name="CheckFlag4" value="on"> 是
<input type=radio name="CheckFlag4" value="off">否
</td>
</tr>
<input type="button" value="check" onclick="checkState()" />
</table>
</form>
</BODY>
</HTML>
<script>


function checkState()
{
var j=0;
var count="";
var a = document.getElementsByTagName("INPUT");
for(var i=0; i<a.length; i++)
{
if(a[i].type=="radio")
{
j++;
}
}
count=j/2;//取出radio组数
//alert(count);

//判断每组radio
for(var i=1;i<count+1;i++)
{
var rs=document.getElementsByName("CheckFlag"+i);
if(rs[0].checked==false&&rs[1].checked==false)
{
alert("第"+i+"个没选择!");

}
}
}
</script>
...全文
308 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
guitay 2005-07-22
  • 打赏
  • 举报
回复
谢谢!
GageCSDN 2005-07-06
  • 打赏
  • 举报
回复
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<form name="formEdit" method="post" >
<table >
<tr>
<td >
1.是否大学生
<input type=radio name="CheckFlag1" value="on"> 是
<input type=radio name="CheckFlag1" value="off">否
</td>
</tr>
<tr>
<td >
2.是否北京人
<input type=radio name="CheckFlag52" value="on"> 是
<input type=radio name="CheckFlag52" value="off">否
</td>
</tr>
<tr>
<td >
3.是否结婚
<input type=radio name="CheckFlag63" value="on"> 是
<input type=radio name="CheckFlag63" value="off">否
</td>
</tr>
<tr>
<td >
4.是否……
<input type=radio name="CheckFlag74" value="on"> 是
<input type=radio name="CheckFlag74" value="off">否
</td>
</tr>
<input type="button" value="check" onclick="checkState()" />
</table>
</form>
</BODY>
</HTML>
<script>


function checkState()
{
var objs = document.forms.formEdit.getElementsByTagName("input");
for(var i=0; i<objs.length; i++)
{
if(objs[i].type=='radio' && getRadioValue(objs[i].name)==null)
{
alert("请选择您的答案!");
objs[i].focus();
return false;
}
}
alert("答案将被提交,谢谢您!");
return true;
}

function getRadioValue(objName)
{
var objs = document.getElementsByName(objName);
for(var i=0; i<objs.length; i++)
{
if(objs[i].tagName.toLowerCase()=='input' && objs[i].checked) return objs[i].value;
}
return null;
}
</script>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧