uniapp checkbox 怎么判断是否选中

简介: uniapp checkbox 怎么判断是否选中
<checkbox-group @change="selfChangde" name="">
    <label>
      <checkbox :checked="selfChecked" color="#DC143C" style="transform:scale(0.8)" />
      <text>
        本人同意FFH的
        <text style="color: #007AFF;">使用修款规则安排</text>
        <text style="color: #007AFF;">免责修款</text>
        内所有之馨明,本人明白個人资料用途益識别用户,登送推送通知及核封身份同意资料舍保存於國内的服務器中以加密虚理。
      </text>
    </label>
</checkbox-group>
data(){
    return{
        selfChecked: false,
    }
}
methods: {
    selfChangde(e) {
      this.selfChecked = !this.selfChecked;
    }
}

checkbox 判断选中其实只需要 给 checkbox 的 checked 属性动态绑定一个状态,在change事件触发的时候给 data 中的 selfChecked 取反

朋友们一定要注意搭配checkbox-group来使用,不然你是无法获取change时的数据的

相关文章
|
6月前
Uniapp checkbox 多选框组件 自行修改 checkbox
Uniapp checkbox 多选框组件 自行修改 checkbox
85 0
|
6月前
|
Web App开发 小程序 Android开发
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
89 0
|
6月前
|
移动开发 JavaScript 小程序
uniapp中组件库的Checkbox 复选框 的丰富使用方法
uniapp中组件库的Checkbox 复选框 的丰富使用方法
801 0
|
6月前
uniapp中组件库的Checkbox 复选框的使用方法
uniapp中组件库的Checkbox 复选框的使用方法
|
11月前
|
Python
uniapp实现checkbox全选
本文讲述uniapp的checkbox如何复选
214 0
|
前端开发
uniapp checkbox样式失效,选中框选中按钮不显示
uniapp checkbox样式失效,选中框选中按钮不显示
280 0
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
120 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
55 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
75 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
100 7