单选&多选

注意事项：
表示选项标签的文本应该表达简洁清晰、尽量简明扼要、避免词汇冗余和否定词的使用，避免造成误解，增加用户的选择成本

注意操作热曲不用仅限于勾选框，可以适当放大触发区到文本标签、勾选框和文本标签周边的留白区域、提高用户触发的准确率

根据菲兹定律，可点击区域的大小和距离对于交互的影响有很直接的关系

市面上勾选用户协议的勾选框，使用圆形的居多，而也有少部分使用方形

单选 radio button

用户需要在多个选项中选择某个选项，可以使用单选按钮和下拉菜单。

单选按钮

使用规则

一、希望强调选项
1.没有明确的默认或者推荐选项
2.洗完给用户可以一眼阅读所有的选项
3.这些选项对于用户来说是不熟悉的，并且他们不太有几率能够预测到它们
二、选项少于5个
当需要选择的选项较少时，可以直接平铺，让用户轻松快速的扫描选项，而不是打开下拉菜单。
三、当选项之间需要比较时，最好可以并排放置并且方便用户切换点击
四、当可见性和快速响应是优先事项时

组件使用

一般有以下6种状态：

下拉菜单

使用规则

一、当默认选项时推荐选项时且不太鼓励用户更改选项/用户更改选项不那么高频
二、在选项中有大量熟悉的选项，用户可以轻松预测无需排查（如百分比、各种数值）
三、当有超过7个选项时
当有大量选项时，并不适合并排显示。大量选项并排会让UI显得杂乱无章、并且扫描大量的选项需要耗费很多时间。这种情况下如果可以的话，可以给用户提供一个可搜索的筛选器/可输入匹配的文本框，帮助用户更快的选择。

多选checkbox

可以在一组可选项中进行多项选择时，可以表示两种状态之间的切换
常有以下几种状态（indeterminate：不确定状态 由于子集存在选中和未选中选项，导致父集介于全选和未选择之间）