答题小程序，关于单选、多选的状态分享

~

本文仅讨论单选和多选的状态控制

，看如下单选的截图

第一张

~

第二张

~

第三张

~

当你选择了其中一个选项的时候，底下的按钮就是可点击的

也就是存在三个状态

1、未选择

2、已选择

3、已选择并且已提交

但是对于多选情况却不是这样的

截图1

截图2

截图3

截图4

~

通过上面四个截图我们可以看到对应四个状态

1、未选择

2、已选择，一个选项

3、已选择，多个选项

4、已选择，已提交

从细节维度来区分是4个状态，从大类来区分是三个状态，跟单选是一致的，只是把已选择的场景，要区分一个选项和多个选项

通过这次逻辑拆解对我们在开发答题小程序的过程是非常有帮助的