zoukankan      html  css  js  c++  java
  • 全选/取消全选

    逻辑

    • 1)全选按钮:这里三个状态:选中/未选中/半选,和3个值有关系,(是否半选/是否全选/选中项的长度)
      • 全选按钮change事件触发时候:【主要是判断当前地区选中项的长度和地区全集进行比较】
      • 【半选状态-》取消半选】:即如果是半选状态(地区选中项大于0,且不等于地区全集的长度):(change时候取消半选,变为全不选)
        • 要将下面的地区全部取消选中
        • 将半选状态改为false
        • 将全选状态改为false
      • 【全部不选-》进行全选】:即如果下面的地区选中项为0:(change时进行全选)
        • 要将下面的地区全部选中
        • 将全选状态改为true
      • 【全选状态-》取消全选】:即如果下面的地区全部选中(地区选中项大于0,且选中项的长度等于地区全集的长度):(change时取消全部选中)
        • 要将下面的地区全部取消选中
        • 将全选状态改为false
      1. 下面的地区部分:
      • 下面的地区change时候:【主要是判断当前地区选中项的长度和地区全集进行比较】
      • 地区选中项大于0,且不等于地区全集的长度:表示半选
        • 将半选设置为true
        • 全选设置为false
      • 地区选中项大于0,且选中项的长度等于地区全集的长度:表示全选
        • 将半选设置为false
        • 全选设置为true
      • 即如果下面的地区选中项为0:表示全不选
        • 将半选设置为false
        • 全选设置为false
  • 相关阅读:
    javascript的严格模式:use strict
    Ionic在线打包IOS平台应用
    安装nodejs6.9x以后,原来在nodejs4.2.x中运行正常的ionic项目出现问题的解决
    cordova插件分类
    ionic 启用sass
    ngCordova
    为Asp.net WebApi 添加跨域支持
    使用ionic framework创建一个简单的APP
    研究主题
    近两天让我羞愧难当的遭遇
  • 原文地址:https://www.cnblogs.com/Running00/p/12330220.html
Copyright © 2011-2022 走看看