必优博客

本博客所有文章均属原创作品，如有转载，请注明作者：biuuu，来源：http://www.biuuu.com/?p=718

需要实现一个在线选择题问答功能，每当完成一个题目则转入下一个题目，然后再统计正确率，jQuery插件jQuizMe可以非常简单的实现此功能，只需要给出问题，选项以及正确答案，就可实现一个简单的问题测试，可用于制作知识问题，心理测试等，非常实用，使用效果如下图：

使用说明
需要使用jQuery 1.3.2+库文件和jQuizMe 1.0库文件

使用实例
一，包含文件部分

1. <script type="text/javascript" src = "jquery-1.3.2.min.js"></script>
2. <script type="text/javascript" src = "jQuizMe.js"></script>

二，HTML部分(显示测试问题)

1. <div id = "biuuu"></div>

三，Javascript部分(调用jQuery插件jQuizMe)

1. var quiz = [
2. {
3. "ques":"How many days are in a leap year?", "ans":"366 days",
4. "ansSel":["365 days", "364 days"]
5. },
6. {
7. "ques": "Which of these is a browser", "ans":"Flock"
8. }
9. ];
10. var options = { "quizType": "multiplyChoice", "showWrongAns":true };
11. $( "#biuuu" ).jQuizMe( quiz, options);

jQuery插件jQuizMe参数说明：

ques表示测试问题
ans表示测试答案
ansSel表示问题选项
quizType表示是否多选
showWrongAns表示是否显示错误回答

由上可知，使用jQuery插件jQuizMe实现在线测试问答非常简单，但在使用中会发现，直接查看HTML源代码就可以知道测试答案，因此需要对答案进行保密，可通过ajax的方式获取正确答案，但显示这个jQuery插件jQuizMe只能实现一个非常简单的测试，不过对于一般的功能使用来说，可以做为参考。

点我查看jQuery插件jQuizMe实现在线选择问题测试功能在线演示