icheck
fonctionnalité:
1. Les mêmes performances sont effectuées sur différents navigateurs (y compris IE6 +) et appareils - y compris les appareils de bureau et mobiles
2. Prise en charge des appareils tactiles - iOS, Android, BlackBerry, Windows Phone et autres systèmes
4. Personnalisation pratique - Utilisez HTML et CSS pour le style (plusieurs ensembles de skins)
5. Petite taille - seulement 1 kb après la compression GZIP
6. 25 Les paramètres sont utilisés pour personnaliser les cases à cocher et les boutons radio.
7. 8 Les événements de rappel sont utilisés pour écouter l'état de la zone d'entrée.
8. 7 méthodes sont utilisées pour contrôler programmatiques l'état de la zone d'entrée
9. Il peut synchroniser les modifications d'état de la zone d'entrée dans la zone d'entrée d'origine, en prenant en charge tous les sélecteurs
Comment utiliser:
$ ('entrée'). ICheck ('chèque'); // Définissez l'état de la zone d'entrée sur coché
$ ('entrée'). ICheck («décoche»); // supprimer l'état vérifié
$ ('entrée'). ICheck ('toggle'); // Basculer l'état vérifié
$ ('entrée'). ICheck ('Disable'); // Définissez l'état de la zone d'entrée sur les désactivés
$ ('entrée'). ICheck ('activer'); // supprimer le statut désactivé
$ ('entrée'). ICheck ('mise à jour'); // applique des modifications d'entrée, qui ont été effectuées à l'extérieur du plugin
$ ('entrée'). ICheck ('détruire'); // supprimer le style iCheck
Lorsque vous appelez ICheck, il vous suffit de répertorier les paramètres qui ont modifié la valeur par défaut:
// Méthode d'utilisation de base $ ('entrée'). ICheck ({labelhover: false, curseur: true, cocherboxClass: 'icheckbox_square-blue', radioclass: 'iradio_square-bleue', augmentearea: '20% '});Voici la liste des paramètres et ses valeurs par défaut:
{Handle: '', CheckboxClass: 'icheckbox', radioclass: 'Iradio', CheckedClass: 'Checked', CheckEdCheckBoxClass: '', CheckEdradioclass: '', décochedCheckBoxClass: '', UNCHEDRACKEDEDCKEDBOXCLASS: '', DisabledClass: ',, DisabledCHeDBoxClass:' ', DisabledClass:', DisabledCHeDCOSC '', DisabledCheckBoxClass: '', DisabledCheckBoxClass: '', ENableDCheckBoxClass: '', ENableDRADIOCLASS: '', ENableDradioclass: '', ENableDradioclass: ', a activédradioclass:', ', a applongé:' ', Impable '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', hoverClass: 'hover', focusClass: 'focus', activeClass: 'active', LabelHover: true, LabelHoverclass: 'hover', augmentearea: '', curseur: false, héritage: false, héritide: false, insérer: ''}Nous pouvons réinitialiser le style à n'importe quelle classe énumérée ci-dessus
peau
Noir - minimum.css // noir
Rouge - rouge.css // rouge
Vert - vert.css // vert
Bleu - bleu.css // bleu
Aero - aero.css // l'effet de verre dans win7
Gray - Grey.css // Silver Gray
Orange - orange.css // orange
Jaune - Yellow.css // Jaune
Rose - rose.css // rose
Purple - Purple.css // Purple
(Veuillez télécharger ces packs de peau vous-même)
initialisation
Premièrement, introduire le fichier de bibliothèque jQuery
Deuxièmement, introduisez le fichier de plugin jQuery.icheck.js
(Si vous souhaitez introduire des skins connexes, vous devez introduire: les fichiers de thème connexes Colors.css)
Événement de rappel
ICHECK prend en charge tous les sélecteurs et ne fonctionne que pour la case à cocher à cocher et les boutons radio
ICheck offre un grand nombre d'événements de rappel, qui peuvent tous être utilisés pour écouter pour des événements de changement
Utilisez la méthode on () pour lier les événements:
$ ('input'). sur ('IFCHECKED', fonction (événement) {// L'événement IFCreated doit être lié à l'alerte (event.type + 'callback');}); La taille de la radio et de la case dans Bootstrap ICheck peut-elle être redimensionnée? .icheckbox_square-blue, .iradio_square-blue {display: block; marge: 0; rembourrage: 0; Largeur: 22px; Hauteur: 22px; Contexte: URL (Blue.png) sans répétition; Border: aucun; curseur: pointeur; }Si vous souhaitez ajuster le style radio ou cocher de l'ICHECK, modifiez la largeur et la hauteur via les CSS ci-dessus et modifiez en même temps la taille correspondante de l'image Blue.png.
Voyons comment obtenir la valeur de la radio
Pour l'ensemble de radios suivant, comment pouvez-vous obtenir la valeur de valeur 1 ou 0 lorsque vous utilisez ICHECK?
Ce qui précède est la case à cocher Plug-In ICheck et la radio de Bootstrap que l'éditeur vous a introduit. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!