单选和多选场景的解法合集经常会遇到一些菜单、导航等页面效果需求。基本情况是：选项很多，效果是选择有的是多选，有的是单选方案。1.单选场景因为是单选场景，需要切换解法。将每个备选状态设置为选中和未选中。当所选状态更改时，遍历所有选项的主要功能是重置所有未选择的项目。将选中的项目设置为选中状态。方案二这种方法主要是结合视觉和数据的考虑，采用比较的方式动态设置类来呈现效果。设置一个值currentSelected。值可以有两种状态，一种是没有值，一种是选中值。该值应该是标志值，也可以是实际值。在选中项之间切换时，只需更改currentSelected的值即可。每次在选中项之间切换时，遍历整个项，然后如果状态设置为已选中，则不选中不合规设置。如果currentSelected已经存在，则什么也不做。方案三该方案不需要遍历。基本思想是改变存储相的状态和改变选择线的状态。解决方法主要是查询和更改el元素。2.多选场景方案的基本思路是用一个数组来保存选中的项，然后对数组进行入栈操作。
