当前位置:首页 > 日记 > 正文

jQuery实现的在线应答功能

jQuery实现的在线应答功能
有时会在网页上添加在线测试功能,如在线调查、在线测试和其他知识应用。这些应用程序需要大量前端技术。今天我将分享一个基于jQuery的前端应用程序测试应答函数。
HTML
首先,加载了jQuery库文件和quiz.js和所需的CSS样式文件styles.css。


然后添加div容器#测验的位置,你需要将测试问题。
复制代码代码如下所示:

jQuery
首先,我们定义题目和答案选项,问题是标题,答案是答案选项和答案是正确的答案。可以看出,定义init是一个JSON数据格式。
复制代码代码如下所示:

VaR init = { { { 'question 'questions ':':什么is'jquery答案:{ 'javascript图书馆,'css图书馆''php框架,以上都不是},{ 1 },'correctanswer:'question ':'一',找出不同类型of'answers:{书桌、沙发、电视、桌布}:3 },{ 'question ','correctanswer ':'土地面积最大的国家:'answers ':'中国' {美国、俄罗斯,' ',' }加拿大,'correctanswer:3 },{ 'question:从地球到月球吗回答{'18号:万公里,000公里的100万公里,'180'} } } } 2 'correctanswer:万公里;
下一步,我们称之为直接提供quiz.js插件的方法,然后打开页面,我们可以看到,一个在线测试项目已在页面生成。

$(函数(){())
$(#测试容器)。Jquizzy({
问题:init.questions
});
});
然后,修改自定义试题风格的布局,你可以到quiz.js和styles.css两文件作适当的修改。

怀疑

在这里,细心的朋友会发现问题来了:

1,在代码中直接标记js代码的正确答案是否不安全正式测试项目的答案是它是否应该在后台进行判断,以便直接查看源代码以得到正确的答案。

2。如何与背景互动例如,测试前的标识进行测试,结果在回答完成后发送到后台。

我想说的是,这是一个前端代码示范工程中的应用,答案是真的没有出现在前面的代码;quiz.js实际上与Ajax界面背景,我们将详细介绍在这篇文章后,我想有文章的标题。如:如何使用mysql来实现一个在线考试项目,请大家注意。

查看演示下载源码

以上是本文的全部内容,希望大家能喜欢。

相关文章

javascript中的奇怪删除操作符

javascript中的奇怪删除操作符

操作符,删除,奇怪,电脑软件,javascript,删除操作符在Javascript并不常见,但他的功能非常怪异。 1、删除对象的属性、代码: 复制代码代码如下所示: var { { { { 甲:1, B:2 }; 删除o; 警报(o.a); / /未定义 那么删除是删除对象的属性还是对象的属性值…

审美快乐人格签名书

审美快乐人格签名书

人格,快乐,电脑软件,时间会老的我的爱人,我愿陪你两鬓斑白。 珍惜那个珍惜我的人,那么幸福就满足了。 你不嫉妒我不爱他我爱你。 当你拥抱一个你爱的人,他会更紧地拥抱你。这就是安全感。 当你悲伤时拥抱是很好的。 被爱是世界上最幸运的事。 …

非主流2015签名签名

非主流2015签名签名

非主流,电脑软件,迷失的生命,疯狂的游戏。 总是在不经意的一年里,回头看另一面,即使视线很长。 谁的寂寞遮住我的中国衣服,谁的衣服盖住了我 在未来没有你陪伴我哭泣是残酷的 旧日的容颜,亲爱的,我还没有勾勒出你的容颜。 我躲在角落里假装你想念…

PS图象处理软件化妆品产品的节日促

PS图象处理软件化妆品产品的节日促

促销,产品,图象,处理软件,海报,在制作海报之前,你可以找到一些好的版式设计,包括一些构图、装饰元素、字体排版等,这些都可以供自己使用。有材料可以使用,没有材料可供借鉴。 在制作海报之前,你可以找到一些好的版式设计,包括一些构图、装饰元素…

PS图象处理软件是一个黑暗的旧建筑

PS图象处理软件是一个黑暗的旧建筑

是一个,图象,处理软件,黑暗,建筑,增加或更换天空更容易,大致分为三步:第一,选择天空部分,然后用适当的天空材料替换它;以后的颜色,处理细节。 增加或更换天空更容易,大致分为三步:第一,选择天空部分,然后用合适的天空材料替换它,然后再渲染后处理细节…

分手伤心经典签名

分手伤心经典签名

伤心,经典,电脑软件,以下是分手伤心经典人格签名的全部内容 爱不是一个生气的人会说再见啊。 分手吧,我会更快乐更幸福。 两个人分手,一个是假装幸福,一个是真的难过。 你只是在我生气的时候选择离开。 分手了,每个陌生人在QQ上跟我说话,我以为…

javascript的基本语法介绍

javascript的基本语法介绍

基本语法,电脑软件,javascript,简介 Javascript是一种脚本语言。(脚本,一个酒吧。文本命令系统的一个解释器是由系统的翻译,翻译成机器可识别的一项指令,然后执行。常见的脚本:批处理脚本,T-SQL脚本,VBscript等执行。 html只是看起来描述一种Web标记语言,没有…

教你用PS做感恩节卡片。

教你用PS做感恩节卡片。

感恩节,卡片,教你用,电脑软件,PS,今年的感恩节是两天。是不是很多朋友为家人和朋友做感恩节贺卡不用担心,下面的小编介绍PS做感恩卡的方法,一起学习吧。 感恩节快到了。你准备好感恩节贺卡了吗你买你的卡吗如果是的话,那太过分了。现在其他人…

PS图象处理软件设计和生产酥云文本

PS图象处理软件设计和生产酥云文本

图象处理,文本,软件设计,电脑软件,PS,做云的方法有很多种,这里是纯手工的,也可以用毛笔做的。过程:先设置所需的文字,最好再写;然后把云材料变形后的文字;然后再处理细节就可以了。 做云的方法有很多种,这里是纯手工的,也可以用毛笔做的。过程:先设…

一种无随机码汉字截取的PHP方法

一种无随机码汉字截取的PHP方法

方法,汉字,电脑软件,PHP,本文以PHP字符为例,介绍了无随机码的PHP字符截取方法,供大家参考,具体的实现方法如下: 要被拦截的字符串 截取的字符数 被截获的字符数。 保存的字符串 $ char保存已截获的字符串的数目。 截获的偏移量 长度字符串的字…

傲慢、快乐的个性签名

傲慢、快乐的个性签名

傲慢,个性签名,快乐,电脑软件,开始只是开始,但结束并不意味着结束, 一个熟悉的身影瞬间溶解了我长久的伪装。 五他上海镍Ω;我也踏在Di pinchonii的认识 如果有一天我抽烟,ω,那是因为想念你的味道。 当和你的兄弟无关时,谁来管你 你让我放手,但你…

使用会话防止用户在PHP中非法登录

使用会话防止用户在PHP中非法登录

登录,方法,用户,电脑软件,PHP,本文演示了如何使用会话来防止用户在PHP中以非法方式登录: 一般来说,当我们登录到网站的背景下,服务器将登录信息保存到会话文件,并决定它是否可以通过读取会话文件来执行后台操作。 看看下面的例子,如果admin.ph…