我爱吃苹果
我爱吃苹果
  • 发布:2018-10-15 08:35
  • 更新:2018-10-16 10:58
  • 阅读:3448

checkbox如何全选???

分类:uni-app

<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-15 08:35 1 条评论 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

看下文档,不要使用单选组件搞多选,使用多选组件:http://uniapp.dcloud.io/component/checkbox?id=checkbox

  • 3***@qq.com

    人家说的是全选 不是多选

    2019-07-29 15:14

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