是否可以进行三向切换？ [关闭]

Question

我正在尝试进行 3 向切换，类似于 this，但分 3 个阶段。显然这不能使用复选框来完成，因为这是一个布尔值，所以我想知道是否可以使用 3 个单选按钮来模拟这样的事情？这样的事情可能吗？如果是这样，这是正确的做法吗？

顺便说一句，Javascript 很好。

Answer 1

注意：由于这已被否决，我想我会指出我在javascript 被添加到问题之前发布了这个答案，所以请将此视为纯 HTML 解决方案，仅此而已。

单选按钮正是您这样做的方式：

<label>State 1
  <input type="radio" name="radios" value="State 1" />
</label>
<label>State 2
  <input type="radio" name="radios" value="State 2" />
</label>
<label>State 3
  <input type="radio" name="radios" value="State 3" />
</label>

有了这个，你有 3 个状态。在上面的答案中，结果要么是状态 1，要么是状态 2，要么是状态 3。

Answer 2

我认为不可能有一个三态按钮，但如果你想要一个没有 JavaScript 的滑块类型的东西，就像你评论的那样，只需使用 range 输入：

$('input').change(function() {
    $('#res').html(this.value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="range" min="0" max="2" step="1" value="0" />
<div>Debug value: <span id="res"></span></div>