html5 页面答题算分,轻松制作答题类H5,计分、判断正误......

本文介绍了如何使用新增的测试题组件和按钮组组件来轻松制作答题类H5。这两种组件能实现计分、判断正误及保持单选等特性,简化设置流程。测试题组件支持设置正误答案和触发器,而按钮组组件适用于多选单个选项的场景。两者都可与多个图片按钮组件绑定,用作动态参数变量。通过对比,帮助开发者更好地理解和运用这两个组件。
摘要由CSDN通过智能技术生成

新增测试题和按钮组两种组件,轻松制作答题类H5,计分、判断正误、保持单选属性,设置初始选择......简化了设置步骤,无论多少题目,都能协助你轻松设置。

新增组件的位置:

e9ebaab17d1ed703220abc9ce0f140b4.png

按钮组组件跟测试题组件是两种组件,两者只是功能类似,并非需要一起使用,在这里一起讲解只是为了让大家理解两种组件的异同。但两者都是跟多个图片按钮组件绑定结合使用的;

跟多个图片按钮组件绑定后,可以给每个按钮选项赋值,包括文字值、数值;

eb84c26b5c963f50c400f34189cadced.png

两种组件的值是根据四个选项的值变化的:比如:给四个选项按钮一次设置了值1、2、3、4,那么当我选择第一个按钮时,测试题组件的值就是1;选择第二个按钮时,测试题组件的值就是2......以此类推,按钮组组件也是这样的属性,所以两者此时都可以当做一个放置在当前页面的参数变量来使用。

按钮组组件主要用于选择多个项目时,保持单选的属性,相比之下,测试组件的功能更加丰富些,可以设置正误答案选项,并可以设置选择正误选项结束后的触发器。如图以下是两种组件的对比:

77169d2ffa2300e3afd439daecd9438f.png5199ac535cdaf3fae71a077f16e125eb.png

测试题组件案例

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值