Icheck
особенность:
1. Такая же производительность выполняется в разных браузерах (включая IE6+) и устройства, включая настольные и мобильные устройства
2. Поддержка сенсорных устройств - iOS, Android, Blackberry, Windows Phone и другие системы
4. Удобная настройка - используйте HTML и CSS для его стиля (несколько наборов скинов)
5. Малый размер - всего 1 КБ после сжатия GZIP
6. 25 Параметры используются для настройки флажков и радиопроизводств.
7. 8 События обратного вызова используются для прослушивания состояния блока ввода.
8. 7 Методы используются для программного управления состоянием входного окна
9. Он может синхронизировать изменения состояния окна ввода обратно в исходное окно ввода, поддерживая все селекторы
Как использовать:
$ ('input'). iCheck ('check'); // Установите состояние блока ввода на проверку
$ ('input'). iCheck ('unchect'); // Удалить проверенный статус
$ ('input'). iCheck ('Toggle'); // Перевернуть государство
$ ('input'). iCheck ('disable'); // Установите состояние блока ввода на отключение
$ ('input'). iCheck ('inable'); // Удалить статус отключенного
$ ('input'). iCheck ('update'); // Применить входные изменения, которые были сделаны вне плагина
$ ('input'). iCheck ('dissult'); // Удалить стиль Icheck
При вызове ICHECK вам нужно только перечислить параметры, которые изменили значение по умолчанию:
// Базовый метод использования $ ('input'). ICheck ({labelhover: false, coursor: true, checkboxclass: 'icheckbox_square-blue', radioclass: 'iradio_square-blue', urgitearea: '20%'});Вот список параметров и его значения по умолчанию:
{Руководство: '', Checkboxclass: 'iCheckbox', Radioclass: 'Iradio', CheckedClass: «проверен», CheckedCheckboxclass: ', checkedRadioclass:' ', UncheckedCheckboxclass:', UncheckedCeckboxclass: ', Disabletclass:', DisabledCheckclascLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASSCLASS: DisabledCheckboxClass: '', DisabledCheckboxClass: ', enabledCheckboxClass:', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: ', enabledradioclass:', enabledRadioclaslaslaslaslslaslaslaslaslaslaslaslaslaslaslaslaslaslaslaslslaslaslaslaslaslaslaslaslaslaslaslaslslaslslaslslass: ', enabledradioclas '', EnabledRadioClass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadioclass: '', EnabledRadioclass: ', Hoverclass:' Hover ', Focus:' Focus ', ActiveClass:' ActiveHlas Labelhoverclass: «Hover», urgeteaea: '', cursor: false, inheritclass: false, inheritid: false, вставка: ''}Мы можем сбросить стиль на любой из перечисленных выше класса
кожа
Черный - minimum.css // черный
Красный ― red.css // red
Зеленый - green.css // green
Синий - Blue.css // Синий
Aero ― Aero.css // Эффект стекла в Win7
Серый - grey.css // Серебряный серый
Orange - Orange.css // Orange
Желтый - желтый.css // желтый
Розовый - розовый.css // pink
Фиолетовый - фиолетовый.css // фиолетовый
(Пожалуйста, загрузите эти кожи самостоятельно)
инициализация
Во -первых, ввести файл библиотеки jQuery
Во -вторых, представьте файл плагина jQuery.icheck.js
(Если вы хотите представить связанные скины, вам нужно представить: Files Theme Colors.css) файлы)
Событие обратного вызова
ICHECK поддерживает все селекторы и работает только для флажки и радиопроизводительных кнопок.
Icheck предоставляет большое количество событий обратного вызова, все из которых можно использовать для прослушивания событий изменений
Используйте метод on () для связывания событий:
$ ('input'). on ('ifChecked', function (event) {// Ifcreated событие должно быть связано с предупреждением (event.type + 'callback');}); Можно ли изменить размер радио и флажок в начальной загрузке? .icheckbox_square-Blue, .iradio_square-Blue {Display: Block; поля: 0; Заполнение: 0; Ширина: 22px; Высота: 22px; Фон: url (blue.png) без повторного закуска; граница: нет; курсор: указатель; }Если вы хотите настроить радио или стиль флажки icheck, измените ширину и высоту через вышеуказанный CSS и в то же время измените соответствующий размер изображения Blue.png.
Посмотрим, как получить ценность радио
Для следующего набора радиоприемников, как вы можете получить значение значения 1 или 0 при использовании iCheck?
Выше приведено флажок ICHECK Plug-En и радио Bootstrap, который вам представил редактор. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!