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时的数据的

相关文章
|
4月前
Uniapp checkbox 多选框组件 自行修改 checkbox
Uniapp checkbox 多选框组件 自行修改 checkbox
34 0
|
4月前
|
Web App开发 小程序 Android开发
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
34 0
|
4月前
|
移动开发 JavaScript 小程序
uniapp中组件库的Checkbox 复选框 的丰富使用方法
uniapp中组件库的Checkbox 复选框 的丰富使用方法
287 0
|
3月前
uniapp中组件库的Checkbox 复选框的使用方法
uniapp中组件库的Checkbox 复选框的使用方法
|
5月前
|
Python
uniapp实现checkbox全选
本文讲述uniapp的checkbox如何复选
76 0
|
6月前
|
前端开发
uniapp checkbox样式失效,选中框选中按钮不显示
uniapp checkbox样式失效,选中框选中按钮不显示
85 0
|
11天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
35 0
|
11天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
33 0
|
11天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
46 3
|
11天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
41 3

热门文章

最新文章