javascript - HTML troolean 表单元素

Question

用 HTML 表单模拟 troolean 变量的最佳方法是什么？

具体来说，我有一个要排序的列，因此它可以具有三种状态：未排序、升序和降序。我想将状态存储在表单中，以便在页面提交后恢复。

有没有一种优雅的方式来做到这一点？

编辑

这里鼓励使用 Javascript。现在我的解决方案是隐藏输入，其值为 0,1 或 2。单击排序按钮时会更改该值，并与表单一起提交。但也许有更好的方法？

编辑

这个问题显然已经被问过：HTML 中的三态复选框？. 投票结束。

Answer 1

使用 3 个radio框或select包含 3 个元素的列表。

Answer 2

不要追求神奇的数字。只要数据在 HTTP 上作为文本传输，您还不如只使用“升序”、“降序”和“未排序”或空值。

单选按钮可能就是这样。Select 对于三个元素来说太过分了。如果你想要一个不同的界面，你可以使用 javascript 来隐藏那些启用脚本的单选按钮。

Answer 3

我发现 gmail 顶部复选框的工作方式相当直观：

• 如果未选择任何项目，则复选框为空
• 如果至少选择了一个项目，则复选框被选中并且不透明度为 0.5
• 如果选择了所有项目，则选择不透明度为 1 的复选框

您不需要像关于三态复选框的参考页面那样的图像。