多选框

更新时间:2025-03-12 02:36:52

简介

多选框是表单中常见组件,在一组可选项中进行多项选择时使用。

image

配置项

分类

配置

示例

说明

分类

配置

示例

说明

内容

选项列表

image

image

可手动或者映射配置,其中手动配置可直接配置每个 currentItem ,映射配置需配置数据源(数组),每个 currentItem 包含 label、value、disabled 三个属性

默认值

image

默认选中选项

标签

imageimage

表单标签 ,详情参见表单通用属性

交互

隐藏

image

隐藏,详情参见通用属性

禁用

image

开启后,组件不可使用

校验

image

表单校验,详情参见表单通用属性

样式

外边距

image

外边距,详情参见通用属性

分组布局

image

分组布局,单列表示每行只有一个可选项,换行为默认值

CSS 样式

选中颜色

image

选中选项的颜色

悬浮颜色

image

选中选项悬浮时的颜色

文字颜色

image

文字的颜色

标签字体大小

image

标签字体大小

属性与方法

名称

类型

示例

说明

名称

类型

示例

说明

value

string

checkboxGroup.value

组件的选中选项

labelText

string

checkboxGroup.labelText

组件的标签文字

disabled

boolean

checkboxGroup.disabled

组件是否禁用

data

array

checkboxGroup.data

多选框组件的数据

validationStatus

boolean

checkboxGroup.validationStatus

组件校验后的状态

validationMessage

string

checkboxGroup.validationMessage

组件校验后的信息

blur

func

checkboxGroup.blur()

组件失去焦点

focus

func

checkboxGroup.focus()

组件获得焦点

validate

func

checkboxGroup.validate()

组件校验

setValue

func

checkboxGroup.setValue('')

设置组件内容

setDisabeld

func

checkboxGroup.setDisabled(true)

设置组件的禁用状态

clearValue

func

checkboxGroup.clearValue()

清除组件的 value 值

clearValidate

func

checkboxGroup.clearValidate()

清除组件的校验信息

clearDisabled

func

checkboxGroup.clearDisabled()

清除组件的禁用状态

事件回调

配置

说明

配置

说明

image

输入框的值发生改变后触发的事件

  • 本页导读
  • 简介
  • 配置项
  • 属性与方法
  • 事件回调
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问