jQuery技术

JQuery 在网页上实现答题功能

字号+ 作者:H5之家 来源:H5之家 2018-02-16 11:52 我要评论( )

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

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery操作复选框(checkbox)的12个小技巧总结 龙生时代

    jquery操作复选框(checkbox)的12个小技巧总结 龙生时代

    2018-02-16 13:10

  • [jQuery学习系列二 ]2

    [jQuery学习系列二 ]2

    2018-02-16 09:29

  • jQuery EasyUI 表单插件 #8211; Numberspinner 数值微调器

    jQuery EasyUI 表单插件 #8211; Numberspinner 数值微调器

    2018-02-15 17:35

  • 19 个 JavaScript 有用的简写技术 前端开发,JQUERY特效,全栈开

    19 个 JavaScript 有用的简写技术 前端开发,JQUERY特效,全栈开

    2018-02-15 10:33

网友点评
m