mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-30 06:09:34 +08:00
882cec62d6
* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
2.0 KiB
2.0 KiB
| category | subtitle | type | title | cover |
|---|---|---|---|---|
| Components | 多选框 | 数据录入 | Checkbox | https://gw.alipayobjects.com/zos/alicdn/p7QZthygf/Checkbox.svg |
多选框。
何时使用
- 在一组可选项中进行多项选择时；
- 单独使用可以表示两种状态之间的切换，和
switch类似。区别在于切换switch会直接触发状态改变，而checkbox一般用于状态标记，需要和提交操作配合。
API
属性
Checkbox
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| autoFocus | 自动获取焦点 | boolean | false | |
| checked | 指定当前是否选中 | boolean | false | |
| defaultChecked | 初始是否选中 | boolean | false | |
| disabled | 失效状态 | boolean | false | |
| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false | |
| onChange | 变化时回调函数 | Function(e:Event) | - |
Checkbox Group
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| defaultValue | 默认选中的选项 | string[] | [] | |
| disabled | 整组失效 | boolean | false | |
| name | CheckboxGroup 下所有 input[type="checkbox"] 的 name 属性 |
string | - | |
| options | 指定可选项 | string[] | Option[] | [] | |
| value | 指定选中的选项 | string[] | [] | |
| onChange | 变化时回调函数 | Function(checkedValue) | - |
Option
interface Option {
label: string;
value: string;
disabled?: boolean;
}
方法
Checkbox
| 名称 | 描述 | 版本 |
|---|---|---|
| blur() | 移除焦点 | |
| focus() | 获取焦点 |