单选多选场景的处理计划鸠合

场景

常常碰到一些相似菜单和导航如许的页面结果需求，基本情况是：

1. 有许多的带选项，其结果是选中和未选中
2. 有的是多选，有的是单选

处理

1.单选场景

• 由于是单选场景所以须要切换

处理要领一

1. 设定每一个备选状况为选中和未选中。

2. 当变选中状况变动时对一切的备选举行遍历重要作用是：

   1. 把一切的项目重置成未选中。
   2. 把选中的谁人项目设置成选中状况。

处理要领二

该要领重假如连系了视觉和数据两方面的斟酌，应用比较的体式格局动态的设置class来显现结果。

1. 设置一个值currentSelected。

该值能够有两个状况，一是无值，二是选中的某个值。
该值应该是一个标志值，也能够是个现实值。

1. 当在选中项目之间切换时，只是变动currentSelected的值即可。
2. 每次在选中的项目之间切换时遍历全部项目，然后假如状况的设置为选中，不符合的设置为未选中。
3. 假如currentSelected已存在，那末不举行任何操纵。

处理计划三

该处理计划不必遍历，基本思想是，把已存储的相变动状况，把选中的线在变动状况。
该计划重要就是举行el元素的查询及变动。

2.多选场景

处理要领

基本思想是运用数组保留已选中的项，然后多该数组举行栈操纵。