js实现多选、全选、反选、取消选择






代码要点:

既然是多选,那么肯定是一个数组来存储选中的数据,例如checkedList
checkFn点击事件中,同时负责了取消选中和选中
在点击某一项时,当它时选中时,肯定是要取消选中的,通过findIndex判断了点击的那一个是否在checkedList
isActiveFn在动态绑定class的时候起到了判断是否选中的作用

全选和反选







代码要点:

  1. 全选就是list所有的数据直接给checkedList
  2. 反选就是把没被选中的拿出来,然后直接替换掉checkedList

你可能感兴趣的:(前端,vue.js,html,css,html5)