跳到主要内容

Checkbox 复选框

何时使用

  • 在一组可选项中进行多项选择时;
  • 单独使用可以表示两种状态之间的切换,和 switch 类似。区别在于切换 switch 会直接触发状态改变,而 checkbox 一般用于状态标记,需要和提交操作配合。
信息

在一组数据中,用户可通过复选框选择一个或多个数据。

代码演示

基本用法

全选

API

参数说明类型默认值
checked指定当前是否选中booleanfalse
defaultChecked初始是否选中booleanfalse
disabled失效状态booleanfalse
indeterminate设置 indeterminate 状态,只负责样式控制booleanfalse
options指定可选项option[]-
onChange变化时回调函数function(e)-

options

参数说明类型默认值
label选项显示的文字string-
value选项的值string-
disabled是否禁用booleanfalse