checkbox如何全选?我试了试但是不行
是这样,我初始化list的时候(这个list是动态的),是可以全部选择,但是点击全选触发事件时,就不行了
<view class="student-ed">
<view class="un-student-head">
<text>学生名单:</text>
<radio-group class="radio-group" @change="radioChange" >
<label class="check-stu-h" key="all">
<radio value="all" :checked="radioSelectAll" />
<view>全选</view>
</label>
<label class="check-stu" key="none" >
<radio value="none" :checked="radioSelectNo"/>
<view>取消</view>
</label>
</radio-group>
</view>
<checkbox-group class="student-lists" @change="stuChange">
<label class="check-stu" v-for="(item,index) in stuList" :key="index">
<!-- <radio :value="item.id" :checked="item.checked" /> -->
<checkbox :value="item.id" :checked="item.checked" />
<view>{{item.name}}</view>
</label>
</checkbox-group>
</view>
//全部选择学生时
radioChange: function (e) {
let v = e.target.value;
if(v == 'all'){
this.stuList.forEach(item =>{
item.checked = true;
});
}else{
this.stuList.forEach(item =>{
item.checked = false;
});
}
console.log(JSON.stringify(this.stuList));
},
1 个回复
淘淘公子
建议上传代码片段