JQuery 在网页上实现答题功能

在网页上实现该功能(通过前台实现,不用后台):
一共有10道选择题,用户选择“对”或者“错”,如果用户选择了错误的答案,提示用户为什么会错,并且显示正确的答案,
有上一题,和下一题按钮切换功能

4个回答

数据库中表的设计要合理,对错可以用数字代替,然后比较是否正确,从而显示不同的答案.上一题下一题的话,就查询数据,将数据放进缓存,随便查

收先设置好选项和正确答案和解析,当用户确认选择好之后判断用户的答案是否与正确答案一致,一致无变化,不一致给出正确答案和解析

我说一下思路和步骤,希望对你有帮助
1.首先从后台加载数据过来(当然你不需要后台的话可以自己写json或者写个数组),里面有问题,有答案,答案为什么错的原因,还需要设置答案的状态 比如1是正确,0是错误。
2.将问题,答案,解析全部写进页面。解析和答案先隐藏。有上一题下一题,设置一个变量number,默认值为0(将第一条数据默认放到第一页),点击下一题number+1,然后取出数组中下标为number的问题和答案状态,如果是最后一条弹框告诉用户已经最后一条数据了,点击上一题先判断是不是number已经是0了,是的话弹个弹框告诉用户已经没有上一个了。
3.将页面上答案对的单选框设置为1,错的单选框为0(在属性值里写),点击对错前面的单选按钮取出选中里面的属性值,取出数组number里面的值,然后找到答案的状态,如果值一致的话则不显示错及答案,否则则显示

不走后台的话那你的前端页面上就要放上所有的数据了,每一题的答案和错误解析,
对每个选项按钮做出点击事件,判断选中的选项是否是这一题的正确答案,
不正确的话就要将隐藏的正确答案和错误解析展示出来。

上一题和下一题的按钮也就是题目层的隐藏和显示。

这个页面层级关系要布置的好一点,这样脚本写起来会方便很多。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问