跳到主要内容

Checkbox 多选框

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


开发说明
  • 新增了一个按钮式多选组件。
  • 基础多选

    常见的基础多选框。

    按钮多选

    常用于横向排列单选场景,操作更突出,目的是为了保持布局平衡,以及增加交互面积。

    多选框组

    多选框可以与其他多选框具有父子关系

    • 选中父级选项后,所有子复选框均被选中
    • 如果选中了部分(但不是全部)子复选框,则父复选框变为不确定的复选框
    • 如果未选中父复选框,则所有子复选框均未选中

    交互行为

    用户可单击复选框和复选框标签两部分区域来触发交互。

    何时使用

    如果可以从列表中选择多个选项,则应使用复选框。

    • 筛选或批量处理的操作:用于过滤页面、菜单中的数据,进行批量操作
    • 条款和条件级 :打开或关闭复选框表明用户是否同意这些条款。

    何时不使用

    • 列表中仅允许有一个选项时,使用单选框
    • 对于用户更改后立即生效的设置,使用开关组件