uniapp checkbox 默认回填值 获取选中的值

在这里插入图片描述

<view class="view-checkbox-box" v-if="isShow">
	<view class="view-checkbox-item" v-for="(item, index) in classData" :key="index">
		<checkbox-group @change="classlist(index)"> ←————重点
			<label class="radio">
				<checkbox :value="item.class_id" color="#FF6604" style="transform:scale(0.7)" :checked="item.isCheckeds" />{{item.name}}</label>←————重点
		</checkbox-group>
	</view>
</view>

重点:@change="classlist(index)" :checked="item.isCheckeds"

permissionClasses: function() {
	var that = this;
	var para = {
		start: 0
	}
	this.tui.request(this.interfacePath.permissionClasses, para, true).then((res) => {
		for (var i = 0; i < res.data.length; i++) {
			res.data[i].isCheckeds = false; ←————重点
		}
		that.classData = res.data;
		this.resourceEditPermissionDetail();
	})
},
对比回填值 
resourceEditPermissionDetail: function() {
	var that = this;
	this.tui.request(that.interfacePath.resourceEditPermissionDetail, {}, false, '/' + that.id).then((res) => {
		for (var i = 0; i < that.classData.length; i++) {
			for(var j=0;j<res.data.permission.classes.length;j++){
				if(that.classData[i]['class_id'] == res.data.permission.classes[j]){←————重点
					that.classData[i]['isCheckeds'] = true;←————重点
				}
			}
		}
	})
},
监听复选框
classlist: function(index) {
	var invoice = this.classData[index]; //变量 invoice == 数组每一项索引
	if (invoice) {
		invoice.isCheckeds = !invoice.isCheckeds //取反
	}
},
提交
confirmBtn: function() {
	var that = this;
	this.class_ids = []
	that.classData.forEach(item => {
		if (item.isCheckeds == true) {
			that.class_ids.push(item.class_id);  ←————重点 获取选中的值放到数组中
		}
	});
	var para = {
		share: this.share,
		permission: this.permission
	}
	if (this.permission == '2') {
		para.class_ids = this.class_ids
	}
	console.log(para);
}

参考文档:https://blog.csdn.net/weixin_43457011/article/details/112655880

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值