css层
<checkbox-group @change="checkboxChange">
<view v-for="(item,index) in records" :key="index">
<<checkbox :value="String(item.id)" :checked="Boolean(item.checked)" />
</view> </checkbox-group>
js层
//佐证记录选择
checkboxChange: function(e) {
console.log(e.detail.value)
var that = this,
records = that.records,
sureRecord = that.sureRecord,
values = e.detail.value,
sureRecord2 = sureRecord
for (var i = 0; i < records.length; ++i) {
records[i].checked = false;
for (var j = 0; j < values.length; ++j) {
if (records[i].id == values[j]) {
records[i].checked = true;
}
}
//判断是否勾选中
if (records[i].checked) {
//保存到确定列表
let isSure = false;
for (var k = 0; k < sureRecord.length; ++k) {
if (records[i].id == sureRecord[k].id) {
isSure = true;
}
}
if (!isSure) {
sureRecord.push(records[i]);
that.records=records
that.sureRecord=sureRecord
}
} else {
//从确定列表删除
for (var k = 0; k < sureRecord.length; ++k) {
if (records[i].id == sureRecord[k].id) {
sureRecord2.splice(k, 1);
that.records=records
that.sureRecord=sureRecord2
}
}
}
}
}, 
0 个回复