是否可以进行 3 向切换

Is it possible to have a 3-way toggle?

本文关键字：是否      更新时间：2023-09-26

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

顺便说一下，Javascript很好。

注意： 由于现在已经被否决了，我想我会指出我在 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。

我认为

不可能有一个三态按钮，但是如果你想要一个没有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>

相关文章：