网页设计单选按钮 第1篇
复选框有三种录入情况：未勾选（unchecked）、已勾选（checked）和不确定（indeterminate），不确定是专门用于父子复选框的，设父复选框下面有n个子复选框，当有m个选中、且0
在三种终端，它的状态有5种：
由于复选框本身较小，在电视上不容易被发现，所以它的焦点框不应该只是复选框那般大小，最好是覆盖了标签的大面积实心焦点：
安卓TV
复选框的状态示意图，供参考：
网页设计单选按钮 第2篇
约定俗成的做法是单选按钮和复选框的标签都位于右侧，开关的标签位于左侧：
标签的位置（材料设计）
复选框的标签在右边，最常见于购物车：
购物车：复选框的标签在右（京东到家和淘宝）
但经常会发现，在同一个APP里的其他地方，复选框的标签被放在组件的左侧：
提交订单页：复选框的标签在左（京东到家和淘宝）
为什么和购物车不一样呢？我的分析是，这取决于标签的长度和内容，如果标签是简短的文字，或排列整齐一目了然的商品（如购物车），那么为了美观和快速勾选，应该把组件放在左侧左对齐；但如果标签格式复杂或者内容专业性强、涉及到利益，供用户斟酌的话（如系统设置、支付方式、优惠券选择等），最好把标签放在左边，这样能让人顺着阅读习惯从左至右完成“阅读-思考-决定-勾选”的流程。
网页设计单选按钮 第3篇
在UI设计中，当遇到需要用户点选的场景，我们如何决定是用按钮、单选按钮、复选框还是开关呢？有时候感觉似乎开关可以用两个单选按钮代替，有时候不知道按钮和单选按钮该用哪一种，还有时候好像一个复选框也可以当开关使....造成这种困惑是因为这四种组件有一个共同点，那就是它们都可以供用户进行选择。
但事实上，它们有根本的不同：如前面所说，按钮和开关属于触发类组件，单选按钮和复选框属于录入类组件。
这样两类、四种组件，分别有适合自己出现的场合，按照下面的流程图来梳理，就不会错：
不得不提，有时候单选按钮可以用下拉菜单（dropdown menu）代替，这样可以节约不少空间，但同时会使用户无法直观看到所有选项，且增加交互步骤，所以请斟酌后取舍。