当前位置: 首页 > 工具软件 > GROUP-E > 使用案例 >

uni-app编程checkbox-group获取选中的每个checkbox的value值

狄天逸
2023-12-01

uni-app编程checkbox-group获取选中的每个checkbox的value值

checkbox-group将循环包含在内部

<checkbox-group @change="ListChange">
				<view v-for="(g,index) in goodsList" :key=index class="singl-goods">
					<view class="rowgoods2">
						<checkbox :value="g.bid"></checkbox>
					</view>
				</view>
</checkbox-group>
data() {
			return {
				goodsList: [],
				checkList: [],
			}
		},
methods: {
    //每次选中或取消选中一个多选框会更新数组 checkList
	ListChange(e) {
		var me = this;
		me.checkList = [];
		//console.log(e.detail.value);
		for (var i = 0; i < e.detail.value.length; i++) {
			me.checkList.push(e.detail.value[i]);
		}
	}
数组利用
confirmstock() {
                var me = this;
				let array = me.checkList;
				let sbid = array.join(",");  //数组转换成字符串并用逗号‘,’隔开
				}

第一次发文,记录下Uni-app开发遇到的问题,记录&分享

 类似资料: