Я пытаюсь сделать 3-позиционный переключатель, что-то вроде this, но в 3 этапа. Очевидно, это невозможно сделать с помощью флажка, так как это логическое значение, поэтому мне было интересно, можно ли имитировать такую вещь с помощью 3 переключателей? Возможно ли это? И если да, то это правильный способ обойти это?Возможно ли иметь 3-ходовой переключатель?
Javascript в порядке, кстати.
Я не думаю, что возможно иметь кнопку тригосударства, но если вы хотите, чтобы предмет слайдера без 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>Спасибо, это то, что я хотел. – user3893820
Примечание: Как теперь это было вниз проголосовали, я решил указать, что я отправил этот ответ до 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-мя состояниями (нажав 3 раза на одной и той же кнопки), но только с помощью CSS? – atmd
@atmd Таким образом, это будет почти слайдер, но только с тремя состояниями, слева, в середине и вправо. – user3893820
Возможный дубликат http://stackoverflow.com/questions/12516001/3-state-toggle-button –