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 @   ajajaz  阅读(685)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示