uniapp中checkbox复选框动态绑定数据

最新推荐文章于 2025-03-14 18:06:01 发布

You__An

最新推荐文章于 2025-03-14 18:06:01 发布

阅读量1w

点赞数 5

CC 4.0 BY-SA版权

文章标签： checkbox

本文链接：https://blog.youkuaiyun.com/Ling_jing20/article/details/110549177

博客主要围绕checkbox复选框展开，重点介绍了其动态绑定数据的相关内容，属于前端开发中表单交互的重要部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

checkbox复选框动态绑定数据：

<template>
	<view class="box">
			<checkbox-group @change="checkboxChange" class="agreement_radio">
				 <checkbox :value='checkVal' :checked="checked"/>
				<text class="text_left">已阅读并同意</text>
				<text class="text_right">《用户注册协议》《用户隐私协议》</text><br/>
				<text class="text_bottom">《用户认证协议》</text>
			</checkbox-group>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				checkVal:'0',
				checked:false
			}
		},
		onLoad() {
				// console.log('页面首次加载')
		},
		methods: {
			checkboxChange(e){
				console.log(e.detail.value,'++++');
				if(e.detail.value=='0'){
				this.checked = true
				}else{
				this.checked = false
				}
			}
		}
	}
</script>

<style>
</style>