基于JavaScript的网络交互式测试题实现方法研究

张军要+尹丽

摘 要：互联网在不断地飞速发展，它在教学中的使用频率也越来越高，为了解决普通文本式测试题的不方便，本文从多种题型的测试题入手研究了一种基于JavaScript的网络交互式测试题，为教师的教学和学生的学习提供了更大的方便。

关键词：网络交互式 测试题 Javascript

中图分类号：G642 文献标识码：A 文章编号：1674-2117（2014）20-00-01

随着互联网技术的不断发展，互联网在教育中的应用也越来越多，其中测试题是检验学生学习效果的重要手段。但是，普通文本式测试题缺少互动，使用不方便。如果希望创建互动式测试题，学生通过选框或输入框提交答案，计算机自动判断答案，并针对不同的测试题给出相应的注解，则能大大提高使用者的效率及使用积极性，提高学习效果。但是这种形式的网络测试题需要创建者有一定的编程基础，多数教师没有技术来创建这样的互动式测试题。为此，我们设计了一种操作简单、功能完备的基于JavaScript的网络交互式测试题创建系统。

要以比较简单的途径实现交互式测试题，必须建立在多数教师已经具备的计算机技术之上，我们设计了一种将常见的文本格式自动转换成交互式表单的转换系统。创建者按照一定的格式规则设置标题、选择项、填空、注解及答案的文本格式，系统根据格式转换规则将文本转换成包含相应Html及JavaScript代码的交互式测试题网页供学生练习。为了尽量简化创建过程，格式转换规则设定为“编号”格式对应单选题选项，“项目符号”对应多选题选项，选择题标准答案对应“下划线”格式，“删除线”对应填空题。“引用”对应习题注解。这样创建者不需要编程知识，只需按要求设置好格式，系统将自动转换成互动测试题。一个功能完整的测试题系统，还要包括自动判断正误、自动打分、习题注解、成绩记录等功能，因此，系统还需要根据格式规则提取标准答案，读取用户提交的答案，并进行比对判断，逐一予以相应正误标示，统计做题所用时间，给出正确率，并将这些信息保存于服务器，便于教师与学生掌握学习效果。

1 选择题的实现

按照格式规则，对于单项选择题，识别的是设置为“编号”格式的文本，“编号”格式对应

1. …

的Html标签，单选题的答案是设置为“下划线”（对应标签）的

项目。因此，需要将

转换为代表单选控件的标签，并提取含有“下划线”格式的

的序号作为答案。

多选题与单选题类似，正确答案标识同样为“下划线”，不同的是将选项区块设置为“项目符号”

格式，一个

区块内可以设置多个“下划线”选项。而在转换时，将
转换为代表多选框控件的标签。

为了便于DOM操作，本系统使用了Jquery库，以下代码以单选题为例，展示其实现过程：

var answer1=[]；//单选题答案

$（"#classContainer ol"）.each（function（i）{

$（this）.attr（"id"，"testA"+i）；

$（"#testA"+i+" li"）.each（function（i2）{

$（this）.prepend（''）

}）；

answer1.push（$（"#testA"+i+" li：has（u）"）.attr（"id"））；

}）；

2 填空题的实现

填空题的实现与选择题原理类似，都是用表单控件替换特定格式的文本。填空题对应的格式是“删除线”，系统会先提取内的文本作为填空题的答案，然后用文本输入控件替换标签。

3 注解的实现

注解对应的是

标签，通过设置CSS格式，在学生未提交答案之前设置为不显示，即display： none属性。一旦提交结果，系统将测试题区域内所有

标签显示，即display：block属性，以实现测试时不显示，提交答案后显示，达到对于容易出现疑惑的地方给予注解的功能。

4 判断对错及打分功能的实现

学生做完测试题并提交答案后，系统将提取用户提交的表单数据，与之前提取的标准答案数据进行比对，对于选择题，如果与标准答案一致，则为答案添加绿色边框，表示正确；否则用红色边框标出标准答案，表示做错。对于填空题，如果正确则为文本输入控件添加绿色边框，如果错误则添加红色边框，同时为该文本输入框添加Title与PlaceHolder属性，其值均为标准答案，这样鼠标悬停在该文本框上时，会显示标准答案，在手机等无鼠标的设备上，只需清空输入内容，标准答案就会自动显示。最后统计测试题总数与做正确习题数，将习题总数、正确数、正确率、所用时间等信息展示出来，并提交到服务器保存，以便教师和学生随时掌握学习效果。

本系统包含了单选、多选、填空等多种题型的测试题，并具有判断正误、显示注解、自动评分等功能，是一套功能完备的互动测试题解决方案。其原理是将复杂的编程过程，转化成简单的格式设置过程，创建者只需按规则为文本设定格式，系统就能自动生成互动测试题，大大降低了创建门槛。本系统核心功能由JavaScript实现，现有的教学网站无需做任何修改，只需引入该JavaScript文件就能使用，此外JavaScript是计算机、平板、手机等设备浏览器中通用的编程语言，也赋予了本系统跨平台的特性，在手机上网日益流行的今天，其应用前景也必将更加广阔。

（河南漯河医学高等专科学校，河南 漯河 462002）