Супер гъвкав плъгин за създаванеквадратчета за отметка и радио бутони

Функции на плъгина

• Кросбраузърна съвместимост - както на обикновени, така и на мобилни платформи
• Поддръжка на докосване - iOS, Andro >Tab, интервал, нагоре/надолу и други
• Лесен за проектиране - използвайте само HTML и CSS за стилизиране на елементи (опитайте 6 готови кожи)
• Малък размер на библиотеката — 1 kb компресиран
• 15 опции за персонализиране на квадратчета за отметка и радио бутони
• 8 функции за обратно извикване
• 6 метода за извършване на вашите собствени промени

• Квадратче за отметка, #input-1
• Квадратче за отметка, #input-2

• Радио бутон, #input-3
• Радио бутон, #input-4

Минимална кожа

производителност

• Квадратче за отметка 1
• Квадратче за отметка 2
• хора с увреждания
• Деактивиран & проверено

• Радио бутон 1
• Радио бутон 2
• хора с увреждания
• Деактивиран & проверено

• Черно - minimal.css
• Червено - red.css
• Зелен - зелен.css
• Синьо - blue.css
• Aero - aero.css

• Сиво - сив.css
• Портокал - orange.css
• Жълто - жълто.css
• Розово -pink.css
• Лилаво - purple.css

Преди затваряне включете файловете (заменете маркерите за вашия път и цветова схема):

Пример за използване на цветовата схемаЧервено :

Добавете квадратчета за отметка или радио бутони:

Посочете коя цветова схема да използвате (напримерЧервено ):

Кожа "Квадрат"

производителност

• Квадратче за отметка 1
• Квадратче за отметка 2
• хора с увреждания
• Деактивиран & проверено

• Радио бутон 1
• Радио бутон 2
• хора с увреждания
• Деактивиран & проверено

• Черно - square.css
• Червено - red.css
• Зелен - зелен.css
• Синьо - blue.css
• Aero - aero.css

• Сиво - сив.css
• Портокал - orange.css
• Жълто - жълто.css
• Розово -pink.css
• Лилаво - purple.css

Преди затваряне включете файловете (заменете маркерите за вашия път и цветова схема):

Пример за използване на цветовата схемаЧервено :

Добавете квадратчета за отметка или радио бутони:

Посочете коя цветова схема да използвате (напримерЧервено ):

производителност

• Квадратче за отметка 1
• Квадратче за отметка 2
• хора с увреждания
• Деактивиран & проверено

• Радио бутон 1
• Радио бутон 2
• хора с увреждания
• Деактивиран & проверено

• Черно - square.css
• Червено - red.css
• Зелен - зелен.css
• Синьо - blue.css
• Aero - aero.css

• Сиво - сив.css
• Портокал - orange.css
• Жълто - жълто.css
• Розово -pink.css
• Лилаво - purple.css

Преди затваряне включете файловете (заменете маркерите за вашия път и цветова схема):

Пример за използване на цветовата схемаЧервено :

Добавете квадратчета за отметка или радио бутони:

Посочете коя цветова схема да използвате (напримерЧервено ):

производителност

• Квадратче за отметка 1
• Квадратче за отметка 2
• хора с увреждания
• Деактивиран & проверено

• Радио бутон 1
• Радио бутон 2
• хора с увреждания
• Деактивиран & проверено

• Черно -line.css
• Червено - red.css
• Зелен - зелен.css
• Синьо - blue.css
• Aero - aero.css

• Сиво - сив.css
• Портокал - orange.css
• Жълто - жълто.css
• Розово -pink.css
• Лилаво - purple.css

Преди затваряне включете файловете (заменете маркерите за вашия път и цветова схема):

Пример за използване на цветовата схемаЧервено :

Добавете квадратчета за отметка или радио бутони:

Посочете коя цветова схема да използвате (напримерЧервено ):

Кожа "Поларис"

производителност

• Квадратче за отметка 1
• Квадратче за отметка 2
• хора с увреждания
• Деактивиран & проверено

• Радио бутон 1
• Радио бутон 2
• хора с увреждания
• Деактивиран & проверено

Преди затваряне включете файловете (заменете маркерите за вашия път и цветова схема):

Добавете квадратчета за отметка или радио бутони:

Кожа "Futurico"

производителност

• Квадратче за отметка 1
• Квадратче за отметка 2
• хора с увреждания
• Деактивиран & проверено

• Радио бутон 1
• Радио бутон 2
• хора с увреждания
• Деактивиран & проверено

Преди затваряне включете файловете (заменете маркерите за вашия път и цветова схема):

Добавете квадратчета за отметка или радио бутони:

Лекота на използване

iCheck е много лесен за използване.Той обгръща всяко поле за отметка или елемент с радио бутон в div, който можете да персонализирате и стилизирате сами или да използвате една от наличните кожи. Можете също да добавите всеки HTML код към div, като използвате опцията за вмъкване.

Дисплей със стандартна конфигурация:

По подразбиране iCheck не прилага CSS към div (освен ако не използвате кожи).

Настройките по подразбиране:

Можете да зададете всякакви класове и стилове.

Инициализация

iCheck се използва за трансформиране на квадратчета за отметка и радио бутони:

За да работи плъгинът, трябва да включите jQuery v1.6 или по-нова версия, както и jquery.icheck.js (компресиран jquery.icheck.min.js).

Обратни повиквания

Име на функцията за обратно извикванее. Щракнае.Промененое.Проверене. Без отметкаis.Disabledis.Enabledе.Създадене. Унищожен

При повикване

потребителят е щракнал върху полето или етикета

отметнато или забранено поле е променено

полето е поставено в отметнато състояние

отметнато състояние премахнато

полето е настроено на забранено състояние

изключеното състояние е премахнато

полето току-що е конфигурирано

настройката е премахната

Използвайте метода на свързване за работа с функции:

Обратното извикване is.Created трябва да се използва преди инициализацията на плъгина.

$('вход').iCheck('проверка'); - промяна на състоянието на отметнато

$('input').iCheck('махнете отметката'); - премахнете маркираната селекция

$('input').iCheck('disable'); - промяна на състоянието на забранено

$('input').iCheck('enable'); - премахване на забраненото състояние

$('вход').iCheck('актуализация'); - прилагане на промени, направени извън плъгина

$('input').iCheck('destroy'); - деинсталирайте iCheck

Поддръжка на браузър

iCheck е тестван в Internet Explorer 7+ (работи и в IE6, ако не използвате верижно свързване на класове), Firefox 2+, Google Chrome, Safari 3+ и Opera 9+.

Мобилните браузъри (като Opera mini, Chrome mobile, Safari mobile и други) също поддържат плъгина. Тестван на iOS, Android, BlackBerry и Windows Phone устройства.

---