全选/取消全选
邏輯
1)全選按鈕:這里三個狀態:選中/未選中/半選,和3個值有關系,(是否半選/是否全選/選中項的長度)
全選按鈕change事件觸發時候:【主要是判斷當前地區選中項的長度和地區全集進行比較】
【半選狀態-》取消半選】:即如果是半選狀態(地區選中項大于0,且不等于地區全集的長度):(change時候取消半選,變為全不選)
要將下面的地區全部取消選中
將半選狀態改為false
將全選狀態改為false
【全部不選-》進行全選】:即如果下面的地區選中項為0:(change時進行全選)
要將下面的地區全部選中
將全選狀態改為true
【全選狀態-》取消全選】:即如果下面的地區全部選中(地區選中項大于0,且選中項的長度等于地區全集的長度):(change時取消全部選中)
要將下面的地區全部取消選中
將全選狀態改為false
下面的地區部分:
下面的地區change時候:【主要是判斷當前地區選中項的長度和地區全集進行比較】
地區選中項大于0,且不等于地區全集的長度:表示半選
將半選設置為true
全選設置為false
地區選中項大于0,且選中項的長度等于地區全集的長度:表示全選
將半選設置為false
全選設置為true
即如果下面的地區選中項為0:表示全不選
將半選設置為false
全選設置為false
總結
- 上一篇: CSS实现太极图(3个div实现)
- 下一篇: VNC实现Windows远程访问Ubun