跳到主要内容

多选框

用于需要用户在多个选项中选择一个或多个的场景。


一、何时使用

适用于以下典型场景:

  • 问卷调查中的多项选择
  • 勾选隐私政策或服务条款
  • 勾选购物篮中的商品
  • 多选感兴趣的频道或标签

二、属性设置

1. 数据配置

数据配置

1.1 数据绑定

数据来源可以为字段,需通过 API 动态加载。

字段绑定
绑定示例

1.2 初始值设置

初始值支持:

  • 手动赋值
  • 视图参数

示例:

  • 手动赋值三种形式
    手动赋值
  • 使用视图参数设置
    视图参数

2. 功能配置

2.1 标签设置

设置多选框后显示的文本说明。

标签配置

2.2 标签位置

控制标签相对于勾选框的位置(如左侧或右侧)。

标签位置


3. 状态设置

无组件特有状态,详见:通用状态


三、规则配置

1. 表单校验

支持基本的选项是否勾选、最小/最大选择项等校验。

2. 显示控制

支持设置组件显示与隐藏的条件逻辑。


四、样式设置

无特殊样式配置,详见:通用样式


五、常见使用场景

1. 问卷调查选择

问卷选择

2. 勾选隐私政策

勾选隐私政策

3. 商城筛选品牌

商城筛选品牌