Question

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

顺便说一句，Javascript很好。

Answer 1

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

Answer 2

注意： 由于现在已经投了票，我想我会指出我在添加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.

是否有可能进行3向切换？

2 个答案: