答题小程序,关于单选、多选的状态控制
~
本文仅讨论单选和多选的状态控制
,看如下单选的截图
第一张
~
第二张
~
第三张
~
当你选择了其中一个选项的时候,底下的按钮就是可点击的
也就是存在三个状态
1、未选择
2、已选择
3、已选择并且已提交
但是对于多选情况却不是这样的
截图1
截图2
截图3
截图4
~
通过上面四个截图我们可以看到对应四个状态
1、未选择
2、已选择,一个选项
3、已选择,多个选项
4、已选择,已提交
从细节维度来区分是4个状态,从大类来区分是三个状态,跟单选是一致的,只是把已选择的场景,要区分一个选项和多个选项
通过这次逻辑拆解对我们在开发答题小程序的过程是非常有帮助的