Слайдер для radio кнопок

Подключаем библиотеку jQuery, плагин radios-to-slider и его стиль:

<div id="my-radios">
	<input id="option1" name="options" type="radio" />
	<label for="option1">1 год</label>
	<input id="option2" name="options" type="radio" />
	<label for="option2">2 года</label>
	<input id="option3" name="options" type="radio" checked="checked" />
	<label for="option3">3 года</label>
	<input id="option4" name="options" type="radio" />
	<label for="option4">4 года</label>
	<input id="option5" name="options" type="radio" />
	<label for="option5">5 лет</label>
	<input id="option6" name="options" type="radio" />
	<label for="option6">6 лет</label>					
</div>
<script>
	$(document).ready(function() {
		$("#my-radios").radiosToSlider();
	});
</script>

</div>

$(document).ready(function() {

$("#my-radios").radiosToSlider();

});

</script>

Обычные кнопки radio:

Кнопки radio с плагином radios-to-slider:

Установка:

Смотрите также:

Добавить комментарий: