Возможно вас это заинтересует
Очередной плагин Ion.CheckRadio стилизующий checkbox и radio элементы. Не обладает какими-то настройками, их у него вообще нету, просто запускаем плагин и все работает. В плагин встроено 3 скина которые можно использовать или создать свой.
Подключение
Подключаем jQuery, ion.checkRadio.min.js, ccs стили и файл со скином по желанию.
Создаем checkbox и/или radio элементы:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <input type="radio" name="reading" value="0" id="reading_0" /> <label for="reading_0">Очень люблю</label> <input type="radio" name="reading" value="1" id="reading_1" /> <label for="reading_1">Иногда читаю</label> <input type="radio" name="reading" value="2" id="reading_2" /> <label for="reading_2">Лучше фильм посмотрю</label> <input type="radio" name="reading" value="3" id="reading_3" /> <label for="reading_3">Ненавижу</label> <label><input type="radio" name="movies" value="0" /> Обожаю</label> <label><input type="radio" name="movies" value="1" /> Не против</label> <label><input type="radio" name="movies" value="2" /> Так себе</label> <label><input type="radio" name="movies" value="3" /> Ненавижу</label> <label><input type="checkbox" name="think" value="0" /> О работе</label> <label><input type="checkbox" name="think" value="1" checked /> Об отдыхе</label> <label><input type="checkbox" name="think" value="2" disabled checked /> О сексе</label> |
Инициализируем плагин:
1 | $("input[type='radio'], input[type='checkbox']").ionCheckRadio(); |
И все, готово!
Возможно вас это заинтересует
comments powered by HyperComments