Checkbox 复选框
何时使用
- 在一组可 选项中进行多项选择时;
- 单独使用可以表示两种状态之间的切换,和
switch
类似。区别在于切换 switch 会直接触发状态改变,而checkbox
一般用于状态标记,需要和提交操作配合。
信息
在一组数据中,用户可通过复选框选择一个或多个数据。
代码演示
基本用法
全选
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
checked | 指定当前是否选中 | boolean | false |
defaultChecked | 初始是否选中 | boolean | false |
disabled | 失效状态 | boolean | false |
indeterminate | 设置 indeterminate 状态,只负责样式控制 | boolean | false |
options | 指定可选项 | option[] | - |
onChange | 变化时回调函数 | function(e) | - |
options
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
label | 选项显示的文字 | string | - |
value | 选项的值 | string | - |
disabled | 是否禁用 | boolean | false |