Skip to content

Checkbox 多选框

规则

js
{
    type:"checkbox",
    title:"标签",
    field:"label",
    value:["1","2","3"],
    options:[
        {value:"1",label:"好用",disabled:true},
        {value:"2",label:"方便",disabled:false},
        {value:"3",label:"实用",disabled:false},
        {value:"4",label:"有效",disabled:false},
    ]
}

完整配置项:Element_Checkbox

value :Array

Options

字段名说明字段类型是否必填默认值
value参数值String,Numbertrue-
label字段别名Stringtrue-
disabled设置为禁用状态Booleanfalsefalse

Props

属性名说明类型默认值
size多选框组尺寸enum
type多选框类型'button'| 'checkbox'-
disabled是否禁用booleanfalse
min可被勾选的 checkbox 的最小数量number
max可被勾选的 checkbox 的最大数量number
ariaLabel原生 aria-label属性string
textColor当按钮为活跃状态时的字体颜色string#ffffff
fill当按钮为活跃状态时的边框和背景颜色string#409eff
tag复选框组元素标签stringdiv
validateEvent是否触发表单验证booleantrue

Events

事件名说明类型
change当绑定值变化时触发的事件Function

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用