zoukankan      html  css  js  c++  java
  • JS实现全选,取消全选,正常选择

    //点击选择方法
    onUserIdsChange(selVal) {
    if (this.form.groupUserIds.includes(-1) && !this.isSelectAll) {
    // 全选
    this.nickNames = []
    this.isSelectAll = true
    this.form.groupUserIds = []
    this.groupUserOption.forEach(item => {
    item.value != -1 && this.form.groupUserIds.push(item.value)
    if(this.form.groupUserIds.length !== 0 && item.subscribe !== true){
    this.onShow = true
    this.nickNames.push(item.label)
    }
    })
    this.groupUserOption[0].label = '取消全选'

        } else if (this.isSelectAll && this.form.groupUserIds.includes(-1)) {
         **// 取消全选**
          this.isSelectAll = false
          this.groupUserOption[0].label = '全选'
          this.form.groupUserIds = []
          this.onShow = false
          this.nickNames = []
        } else {
          **// 正常选择**
          this.nickNames = []
          this.form.groupUserIds = selVal
          if(this.form.groupUserIds.length === this.groupUserOption.length - 1){
            this.groupUserOption[0].label = '取消全选'
          }else{
            this.groupUserOption[0].label = '全选'
          }
          if(this.form.groupUserIds.length !== 0){
           this.groupUserOption.forEach(item2 => {
             this.form.groupUserIds.forEach(item => {
               if(item2.value === item && item2.subscribe !== true){
                this.onShow = true
                this.nickNames.push(item2.label)
              }else if(item2.value === item && item2.subscribe === true){
                this.onShow = false
              }
             })
           })
          }
          else{
            this.onShow = false
            this.nickNames = []
          }
        }
      }
    },
  • 相关阅读:
    LVM磁盘逻辑卷扩容
    confluence 搭建总结
    GTX1050ti安装tensorflow2.0(gpu)
    sublime text 配置 markdown和预览
    Python 程序打包成 exe 可执行文件
    devc++ 配置openCV
    Ubuntu安装sublime text3
    sublime text 配置Miniconda编译环境
    sublime text 配置devc++ 编译环境
    2013-03-27 problem2 A Famous ICPC Team
  • 原文地址:https://www.cnblogs.com/zppsakura/p/11376780.html
Copyright © 2011-2022 走看看