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

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

作者: 小白修仙路 | 来源:发表于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