Icheck
característica:
1. El mismo rendimiento se realiza en diferentes navegadores (incluidos IE6+) y dispositivos, incluidos los dispositivos de escritorio y móviles
2. Soporte de dispositivos táctiles: iOS, Android, BlackBerry, Windows Phone y otros sistemas
4. Personalización conveniente: use HTML y CSS para diseñarlo (múltiples conjuntos de pieles)
5. Tamaño pequeño: solo 1 kb después de la compresión de GZIP
6. 25 parámetros se utilizan para personalizar las casillas de verificación y los botones de radio.
7. 8 Los eventos de devolución de llamada se utilizan para escuchar el estado del cuadro de entrada.
8. 7 métodos se utilizan para controlar programáticamente el estado del cuadro de entrada
9. Puede sincronizar los cambios de estado del cuadro de entrada nuevamente al cuadro de entrada original, admitiendo todos los selectores
Cómo usar:
$ ('entrada'). ICheck ('cheque'); // Establecer el estado del cuadro de entrada para verificar
$ ('Entrada'). ICheck ('Unmar'); // Eliminar el estado marcado
$ ('Entrada'). ICheck ('Toggle'); // Estado verificado
$ ('Entrada'). ICheck ('Disable'); // Establecer el estado del cuadro de entrada en discapacitado
$ ('entrada'). ICheck ('enable'); // Eliminar el estado de discapacidad
$ ('entrada'). ICheck ('actualización'); // Aplicar cambios de entrada, que se realizaron fuera del complemento
$ ('entrada'). ICheck ('destruir'); // eliminar el estilo de icheck
Al llamar a ICheck, solo necesita enumerar los parámetros que han modificado el valor predeterminado:
// Método de uso básico $ ('input'). ICheck ({LabelHover: false, cursor: true, checkboxClass: 'icheckbox_square-blue', radioClass: 'iradio_square-blue', incrementa: '20%'});Aquí está la lista de parámetros y sus valores predeterminados:
{Handle: '', checkBoxClass: 'iCheckbox', RadioClass: 'irAdio', checkedClass: 'checked', checkedCheckBoxClass: '', checkedRadioClass: '', uncheckedCheckBoxClass: '', UncheckedCheckBoxsass: '', DisabledClass: '', DiABLEDCHECHCHECHCHOCKCLAS '', discapacedCheckBoxClass: '', DisabledCheckBoxClass: '', habilitadoCheckBoxClass: '', habilitado ,DioClass: '', habilitado '', EngabledRadioClass: '', EngabledRadioClass: '', habilitable. ActiveClass: 'Active', LabelHover: True, LabelHoverClass: 'Hover', Aumrewearea: '', Cursor: False, HerheritClass: False, HerhherId: False, Insertar: ''}Podemos restablecer el estilo a cualquiera de las clases mencionadas anteriormente.
piel
Negro - mínimo.css // negro
Rojo - rojo.css // rojo
Verde - verde.css // verde
Blue - Blue.css // Blue
Aero - Aero.CSS // El efecto de vidrio en Win7
Gris - grey.css // gris plateado
Naranja - naranja.css // naranja
Amarillo - amarillo.css // amarillo
Rosa - rosa.css // rosa
Morado - púrpura.css // púrpura
(Descargue estos paquetes de piel usted mismo)
inicialización
Primero, introduzca el archivo de la biblioteca jQuery
En segundo lugar, introduzca el archivo de complemento jQuery.icheck.js
(Si desea introducir pieles relacionadas, debe introducir: archivos de temas de tema relacionado)
Evento de devolución de llamada
Icheck admite todos los selectores y funciona solo para la casilla de verificación y botones de radio
Icheck proporciona una gran cantidad de eventos de devolución de llamada, todos los cuales se pueden usar para escuchar eventos de cambio
Use el método ON () para vincular los eventos:
$ ('input'). on ('ifchecked', function (event) {// ifcreated El evento debe estar obligado a alertar (event.type + 'callback');}); ¿Se puede redimensionar el tamaño de la radio y la casilla de verificación en Bootstrap iCheck? .icheckbox_square-blue, .iradio_square-blue {display: block; margen: 0; relleno: 0; Ancho: 22px; Altura: 22px; Antecedentes: URL (Blue.png) No Repeat; borde: ninguno; cursor: puntero; }Si desea ajustar el estilo de radio o casilla de verificación del ICheck, modifique el ancho y la altura a través del CSS anterior, y al mismo tiempo modifique el tamaño correspondiente de la imagen azul.png.
Veamos cómo obtener el valor de la radio
Para el siguiente conjunto de radios, ¿cómo puede obtener el valor del valor 1 o 0 cuando se usa iCheck?
Lo anterior es la casilla de verificación del complemento Icheck y la radio de Bootstrap que el editor le presentó. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!