单选复选

Radio & Checkbox

一.定义

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

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

二.用途

用于对一组信息的选择

三.类型

基础类、扩展类

1.基础类

1.1 单选

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

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

交互说明：

1）选项在当前页面，用户点选一项后视为成功选择，选择完成无页面跳转；选中另一项后，当前选中项取消；点击热区为整个列表项。

2）单选框，不能通过再次点击取消选择，只能通过点击其他选项取消当前选择；

3）场景：右侧如需放置其他元素时，建议使用文字在右的方案，否则使用文字在左的方案。

1.2 多选

点击热区为整个列表项

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

2.扩展类

Powered by Froala Editor