您的位置:首页 > Web前端 > JavaScript

js判断单选多选是否选中(自定义题目数)

2009-09-24 08:15 495 查看
大概思路:
1、程序从数据库里读取多条记录,组成一个调查问卷,问题为单选或者多选题。
2、程序需要在页面中标记题目的数量
3、程序在输出调查问题选项的时候,有规律的命名每一组可选项。

function checkSur()
{
var quesnum=document.getElementById("quesnum").value;
for(var i=1;i<=quesnum;i++)
{
var objName="option" + i;
var obj=document.getElementsByName(objName);
var objLen=obj.length;
var objYN;
objYN=false;

for(var j=0;j<objLen;j++)
{
if(obj[j].checked==true)
{
objYN=true;
break;
}
}
if(!objYN)
{
alert("请选择第" + i + "题的答案!");
return false;
}
}
}

HTML页面示例代码:

Code
<table width="638" border="0" cellpadding="1" cellspacing="3">
<form method="post" action="?act=survey" onsubmit="return checkSur();">

<input type="hidden" name="quesnum" value="3" />

<tr>
<td height="25">1.您的学历</td>
</tr>
<tr>
<td>

<input type="radio" name="option1" value="1" />
大学
<input type="radio" name="option1" value="2" />
本科
<input type="radio" name="option1" value="3" />
本科以上
</td>
</tr>

<tr>
<td height="25">2.您认为大学生需要参加就业前培训吗?</td>
</tr>
<tr>
<td>

<input type="radio" name="option2" value="4" />
十分需要
<input type="radio" name="option2" value="5" />
需要
<input type="radio" name="option2" value="6" />
可有可无
<input type="radio" name="option2" value="7" />
不需要
</td>
</tr>

<tr>
<td height="25">3.您目前希望参加的培训(可多选)</td>
</tr>
<tr>
<td>

<input type="checkbox" name="option3" value="8" />
求职面试技巧培训
<input type="checkbox" name="option3" value="9" />
求职简历制作培训
<input type="checkbox" name="option3" value="10" />
实战型训练
<input type="checkbox" name="option3" value="11" />
职业技能培训
<input type="checkbox" name="option3" value="12" />
职业素质培训
<input type="checkbox" name="option3" value="13" />
职业生涯设计培训
</td>
</tr>
<tr>
<td colspan="5" align="center"><input type="submit" name="Submit" value="提交" /> <input type="reset" name="Submit2" value="重填" /></td>
</tr>
</form>
</table>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: