美文网首页
复选框表格单选,多选、全选下标删除逻辑

复选框表格单选,多选、全选下标删除逻辑

作者: 小白修仙路 | 来源:发表于2020-04-01 10:31 被阅读0次

    let dataArray =[]  设置一个空数组用来接收选中的下标。

    III单选、多选 勾选: 

    //1、如果数组里面已经有存在下标,删除数组指定下标元素。

    dataArray .indexOf(index)!==-1 { 

    dataArray.indexOf(index),1; 

            //监听state数据状态,已经发生减少 那么当前一定不是全选状态  

    return

    }

    //2、如果没有找到 那么进行 数组push

    dataArray.push(index)

              //监听state数据更新 如果高亮的下标数组长度===数据数组下标长度 那么一定是全选中状态

    III全选 勾选: 

    //1、如果当前是全选状态 那么本次点击 要取消全选 高亮数组为 dataArray =[]

    //2、如果本次点击要全部选中 那么循环数据 将index push高亮数组dataArray中  

    相关文章

      网友评论

          本文标题:复选框表格单选,多选、全选下标删除逻辑

          本文链接:https://www.haomeiwen.com/subject/atrouhtx.html