我爱吃苹果
我爱吃苹果
  • 发布:2018-10-12 20:27
  • 更新:2018-10-12 21:50
  • 阅读:1676

checkbox如何全选?

分类:uni-app

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));  
        },
2018-10-12 20:27 1 条评论 负责人:无 分享
已邀请:
淘淘公子

淘淘公子

建议上传代码片段

该问题目前已经被锁定, 无法添加新回复