Очередной плагин 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