单选复选

Radio & Checkbox

一.定义

单选:单选标记用来表示单元格已被选中,通常在 2 个或 2 个以上的选项中进行单个选择时用到

复选:多选项中有选中态、未选中态、禁用态。一般可选信息放置在左侧(图片、视频等以宫格形式表现的选择页面除外)

二.用途

用于对一组信息的选择

三.类型

基础类、扩展类

1.基础类

1.1 单选

在同一个列表中只能选择一个选项,点击热区为整个列表项。

使用场景:当存在两个或两个以上相互排斥的选项,且只能选择其中一个时,就使用单选控件;

1.2 多选

点击热区为整个列表项

使用场景:操作区域中当可以选择任意数量的选项时,用复选框。

2.扩展类


交互说明:

1)点击视为选中,再次点击选项视为取消选择;

2)在网格视图上进行选择时,支持横向滑动来进行批量选择或取消选择;

3)场景:通常用于上传图片、批量选中等宫格形式的多选。

Powered by Froala Editor