如何使用JavaScript验证几个mcq问题
How to validate several mcq questions using JavaScript?
我真的需要一个带Javascript的即时命令。
我在xhtml中创建了一个多选题测试,并尝试使用Javascript进行验证。问题是,如果有任何问题未得到回答,我可以显示一条警告消息,但我想在同一条警告信息中列出未回答的问题编号。请参阅下面的代码。
<script type="text/javascript">
<!--
function validateRadio(radio) {
var retval = false
for ( var i = 0; i < radio.length; i++ ) {
if ( radio[i].checked ) retval = true;
}
return retval;
}
// to make sure all questions are answered
function validateForm(theForm) // to make sure all questions are answered
{
var retval = true;
if ( !validateRadio(theForm.q1) ) retval = false;
if ( !validateRadio(theForm.q2) ) retval = false;
if ( !validateRadio(theForm.q3) ) retval = false;
if ( !retval ) alert("Answer all of the questions");
return retval;
}
// --></script>
<form name="quiz" action="result.php" method="post">
<p>1. Choose the correct set of solution(s) by solving <img src="images/image002.png" width="93" height="17" alt=""/> equation?<br/>
<input type="radio" name="q1" value="1"/>gh<br/>
<input type="radio" name="q1" value="2"/>hk<br/>
<input type="radio" name="q1" value="3"/>h<br/>
<input type="radio" name="q1" value="4"/>ncb</p>
<p>2. What is the value of <i>x</i> when 78x ?<br/>
<input type="radio" name="q2" value="1"/>90<br/>
<input type="radio" name="q2" value="2"/>656<br/>
<input type="radio" name="q2" value="3"/>2<br/>
<input type="radio" name="q2" value="4"/>5</p>
<p>3. What is the value of 5x ?<br/>
<input type="radio" name="q3" value="1"/>+3<br/>
<input type="radio" name="q3" value="2"/>+6<br/>
<input type="radio" name="q3" value="3"/>-3<br/>
<input type="radio" name="q3" value="4"/>-6</p>
<p><input type="submit" name="submit" value="Submit Now!" onclick="return validateForm(this.form)"/></p>
这样做:
function validateForm(theForm) // to make sure all questions are answered
{
var retval = true;
var unanswered = "";
if ( !validateRadio(theForm.q1) ){retval = false;unanswered += "Question1'n";}
if ( !validateRadio(theForm.q2) ){retval = false;unanswered += "Question2'n";}
if ( !validateRadio(theForm.q3) ){retval = false;unanswered += "Question3'n";}
if ( !retval ) alert("Answer all of the questions'nThe following were unanswered:'n" + unanswered);
return retval;
}
相关文章:
- 操作员”;新的“;根据我想在几个JavaScript文件中使用的类,在JavaScript中使用
- 可以't将几个数字设置为<输入类型=“;数字“>
- 当加载几个js文件时,defer属性应该如何工作
- 使用几个<脚本>标签不会't工作-只调用一个脚本
- 如何从数组中删除几个相同的项
- 包括php文件和几个js文件
- 在几个元素上模拟onclick事件
- 如何更改与Backbone集合中的模型相关联的几个元素的css属性
- 如何在几个jQuery对象上调用jQuery函数
- 用PHP/MMySQL和JavaScript填充几个HTML分区
- 点击几个按钮后动态网站更改
- d3日历视图:如何将所有内容放在一个svg中,而不是放在几个svg中
- 在JavaScriptES6中,如何从散列中只获取几个属性
- 多个 $(document).ready(function() 但只有前几个被解雇
- 几个用于布线的角度模块
- 使用 1 函数使一个值等于几个不同的变量
- 几个jQuery日期选择器小部件,只向其中一个添加类
- 如何将文本插入到几个带有 id 的文本区域中的一个文本区域中
- 在几个浏览会话中保存javascript变量
- 如何使用JavaScript验证几个mcq问题