uniapp checkbox_group实现全选和反选功能

<template>
	<view>
		<label>
			<checkbox :value="value" :checked="allpicks" @tap="allpick" /><text>全选</text>
		</label>
		<checkbox-group name="allpick">
			<label>
				<label>
					<checkbox :value="value" :checked="allpicks" /><text>A</text>
					<checkbox :value="value" :checked="allpicks" /><text>B</text>
					<checkbox :value="value" :checked="allpicks" /><text>C</text>
					<checkbox :value="value" :checked="allpicks" /><text>D</text>
				</label>
			</label>
		</checkbox-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				allpicks: false,
			}
		},
		methods: {
			allpick() {
				this.allpicks = !this.allpicks;
			}
		}
	}
</script>

<style>
</style>
posted @ 2024-04-16 17:34  ajajaz  阅读(637)  评论(0编辑  收藏  举报