usability - 最可用的全选/取消全选复选框格式

Question

拥有全选或取消选择所有复选框的最佳模式是什么。有人可以提出一种更好的方式来获得这种形式的东西吗:

Answer 1

老实说，我从不喜欢为“全选”选项使用复选框的想法，即使您经常看到它也是如此。这不是一个单一的项目，而是一个 Action 。并且，如果您选择全部，然后开始取消选择列表中的单个项目，则“全选”复选框的“已选中”状态将固有地造成混淆。我更喜欢使用一个简单但明显的链接/按钮，单击该链接/按钮可在“全选”和“取消全选”之间切换。取消选择单个项目后，您不会感到困惑，并且按下按钮的结果是毫无疑问的。该操作的排他性使其完全可以合理地来回切换(而不是使用两个始终可见的按钮；一个用于全选，一个用于全选)，因为您最多只需单击两次即可离开所需的行为。并且在视觉上将这一“ Action ”与各个项目区分开，从而防止了误点击并区分了行为。