Checkbox 多选框

一组备选项中进行多选

基础用法

单独使用可以表示两种状态之间的切换。

Checkbox 多选框 - 图1

禁用状态

多选框不可用状态。

Checkbox 多选框 - 图2

多选框组

适用于多个勾选框绑定到同一个数组的情景,通过是否勾选来表示这一组选项中的项。

Checkbox 多选框 - 图3

indeterminate状态

indeterminate属性用以表示checkbox的不确定状态,一般用于实现全选的效果

Checkbox 多选框 - 图4

可选项目数量的限制

使用 minmax 属性能够限制可以被勾选的项目的数量。

Checkbox 多选框 - 图5

按钮样式

按钮样式的多选组合。

Checkbox 多选框 - 图6

Checkbox Attributes

参数说明类型可选值默认值
label选中状态的值(只有在Checkbox.Group或者绑定对象类型为array时有效)string
trueLabel选中时的值string, number
falseLabel没有选中时的值string, number
disabled按钮禁用booleanfalse
checked当前是否勾选booleanfalse
indeterminate设置 indeterminate 状态,只负责样式控制booleanfalse

Checkbox.Group Attributes

参数说明类型可选值默认值
value指定选中的选项string[]-[]
sizeCheckbox 按钮组尺寸stringlarge, small
fill按钮激活时的填充色和边框色string#20a0ff
textColor按钮激活时的文本颜色string#ffffff
min可被勾选的 checkbox 的最大数量number
max可被勾选的 checkbox 的最小数量number

Checkbox.Group Events

事件名称说明回调参数
onChange当绑定值变化时触发的事件value