Icheck
Besonderheit:
1. Die gleiche Leistung wird an verschiedenen Browsern (einschließlich IE6+) und Geräten durchgeführt - einschließlich Desktop- und Mobilgeräten
2. Support Touch -Geräte - iOS, Android, Blackberry, Windows Phone und andere Systeme
4. Bequeme Anpassung - Verwenden Sie HTML und CSS, um es zu stylen (mehrere Sätze von Skins).
5. Kleine Größe - nur 1 kb nach GZIP -Kompression
6. 25 Parameter werden verwendet, um Kontrollkästchen und Optionsfelder anzupassen.
7. 8 Rückrufereignisse werden verwendet, um den Status des Eingabefeldes anzuhören.
8. 7 Methoden werden verwendet, um den Status des Eingangsfelds programmgesteuert zu steuern
9. Es kann die Statusänderungen des Eingabefeldes wieder zum ursprünglichen Eingangsfeld synchronisieren und alle Selektoren unterstützen
Wie man verwendet:
$ ('Input'). Icheck ('Check'); // Setzen Sie den Status des Eingabegeldichts auf überprüft
$ ('Input'). Icheck ('Deaktivierter'); // Checkstatus entfernen
$ ('Input'). Icheck ('Toggle'); // Checked Status umschalten
$ ('Input'). Icheck ('Deaktivieren'); // Stellen Sie den Status des Eingabefelds auf deaktiviert fest
$ ('Input'). Icheck ('Enable'); // Behinderten Status entfernen
$ ('Eingabe'). iCheck ('Update'); // Eingangsänderungen anwenden, die außerhalb des Plugins durchgeführt wurden
$ ('Input'). Icheck ('zerstören'); // den iCheck -Stil entfernen
Wenn Sie Icheck anrufen, müssen Sie nur die Parameter auflisten, die den Standardwert geändert haben:
// Grundlegende Nutzungsmethode $ ('Eingabe'). Icheck ({LabelHover: False, Cursor: True, CheckBoxClass: 'iCheckBox_Square-Blue', Radioclass: 'Iradio_Square-Blue', erhöht: '20%'});Hier ist die Parameterliste und ihre Standardwerte:
{Handle: '', CheckBoxClass: 'iCheckBox', Radioklasse: 'Iradio', CheckedClass: 'Checked', CheckedCheckBoxClass: '', CheckedRadioklass: ' disabledCheckboxClass: '', disabledCheckboxClass: '', enabledCheckboxClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioclass: '', enabledRadioclass: '', enabledRadiocklass: '', enabledRadiocklass: '', enabledRadiocklass: '', enabledRadioclass: '', enabledRadioclass: ', enabledRadioclass: Hoverclas', Hoverclass ',', Hoverclass: ActiveClass: 'Active', Labelhover: True, LabelHoverClass: 'Hover', erhöhtWir können den Stil auf eine der oben aufgeführten Klasse zurücksetzen
Haut
Schwarz - minimum.css // schwarz
Rot - rot.css // rot
Grün - grün.css // grün
Blau - blau.css // blau
Aero - aero.css // Der Glasseffekt in Win7
Grau - grey.css // silbergrau
Orange - orange.css // orange
Gelb - gelb.css // gelb
Pink - pink.css // pink
Lila - lila.css // lila
(Bitte laden Sie diese Hautpackungen selbst herunter)
Initialisierung
Stellen Sie zunächst die JQuery -Bibliotheksdatei vor
Zweitens stellen Sie die Plugin -Datei jQuery.icheck.js vor
(Wenn Sie verwandte Skins vorstellen möchten, müssen Sie vorstellen: verwandte Themenfarben.CSS -Dateien)
Rückrufereignis
ICheck unterstützt alle Selektoren und funktioniert nur für Kontrollkästchen und Optionsschaltflächen
Icheck bietet eine große Anzahl von Rückrufereignissen, die alle zum Hören von Änderungsereignissen verwendet werden können
Verwenden Sie die On () -Methode, um Ereignisse zu binden:
$ ('Input'). On ('ifChecked', Funktion (Ereignis) {// ifCreated Ereignis sollte an Warnungen gebunden sein (Ereignis.Type + 'Callback');}); Kann die Größe von Radio und Kontrollkästchen in Bootstrap iCheck die Größe der Größe geändert werden? .ICHECKBOX_SQUARE-BLUE, .iradio_Square-Blue {display: block; Rand: 0; Polsterung: 0; Breite: 22px; Höhe: 22px; Hintergrund: URL (Blue.Png) No-Repeat; Grenze: Keine; Cursor: Zeiger; }Wenn Sie den Radio- oder Kontrollkästchen -Stil des ICheck einstellen möchten, ändern Sie die Breite und Höhe durch das obige CSS und ändern Sie gleichzeitig die entsprechende Größe des blauen.png -Bildes.
Mal sehen, wie man den Wert des Radios bekommt
Wie können Sie für die folgenden Radios den Wertwert 1 oder 0 erhalten, wenn Sie ICheck verwenden?
Das obige ist das Kontrollkästchen ICheck Plug-in und Radio von Bootstrap, das der Editor Ihnen vorgestellt hat. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!