Обычные кнопки radio:
Кнопки radio с плагином radios-to-slider:
Установка:
Подключаем библиотеку jQuery, плагин radios-to-slider и его стиль:
Или минимизированные:
HTML код выглядет следующим образом:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<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> |
Добавить комментарий: