vue 复选框

checkedAll (index) { // 全选按钮

let list = this.list.checkBoxConditions[index].conditionItems

if (this.checked[index] === true) { // 实现全选

list.forEach(item => {

item.isChecked = false

})

} else {

list.forEach(item => {

item.isChecked = true

})

}

},

checkedSingle (index, subindex) { // 单选按钮 决定全选按钮

let num = 0 // 除了当前选项,其他选中的次数

let flag = false // 其他选项是否都选中

for (let j = 0; j < this.list.checkBoxConditions[index].conditionItems.length; j++) {

if (j === subindex) { // 当前选择为false为选中,正好相反,在后续做处理

continue

}

if (this.list.checkBoxConditions[index].conditionItems[j].isChecked === true) { // 记录剩余的是否选中

num++

}

if (num === this.list.checkBoxConditions[index].conditionItems.length - 1) {

flag = true

} else {

flag = false

}

}

if (this.list.checkBoxConditions[index].conditionItems[subindex].isChecked === false && flag === true) { // 选中的select为false和剩余的为true则为true

this.checked[index] = true

} else {

this.checked[index] = false

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值