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>
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>
相关文章推荐
- js取消单选按钮选中并判断对象是否为空
- js取消单选按钮选中并判断对象是否为空
- jQuery如何判断和设定单选多选是否选中??
- js取消单选按钮选中 判断对象是否为空
- 怎样用JS判断单选按钮是否选中?
- js判断单选按钮是否选中
- 用JS判断单选按钮是否选中
- JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息
- 用JS实现一个在线测试(有单选、多选、判断题型),求在同一个JS里来判断单选框或复选框选中的值
- 用JS判断单选按钮是否选中
- JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息
- js 判断 checked 是否选中 js 删除指定字符串 ,js 截取指定位图的字符串
- 用js判断复选框(checkbox)是否选中的问题
- jqery和js如何判断多选框checkbox是否选中
- Angular.JS判断复选框checkbox是否选中并实时显示
- 全部选中复选框+判断是否选中任一复选框代码 js
- js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在 .(转)
- jquery判断单选按钮radio是否选中的方法
- 实现table中checkbox复选框、以及判断checked是否被选中、js操作checkedbox选中