Icheck
recurso:
1. O mesmo desempenho é realizado em diferentes navegadores (incluindo IE6+) e dispositivos - incluindo dispositivos de mesa e móveis
2. Dispositivos de toque de suporte - iOS, Android, BlackBerry, Windows Phone e outros sistemas
4. Personalização conveniente - use HTML e CSS para estilizá -lo (vários conjuntos de peles)
5. Tamanho pequeno - apenas 1 kb após a compressão GZIP
6. 25 parâmetros são usados para personalizar caixas de seleção e botões de rádio.
7. 8 Eventos de retorno de chamada são usados para ouvir o status da caixa de entrada.
8. 7 Os métodos são usados para controlar programaticamente o status da caixa de entrada
9. Ele pode sincronizar as alterações de status da caixa de entrada de volta à caixa de entrada original, suportando todos os seletores
Como usar:
$ ('input'). Icheck ('check'); // Defina o status da caixa de entrada como verificado
$ ('input'). Icheck ('desmarque'); // Remova o status verificado
$ ('input'). Icheck ('alternar'); // alternar o estado verificado
$ ('entrada'). Icheck ('desativar'); // Defina o status da caixa de entrada para desativar
$ ('input'). Icheck ('enable'); // Remova o status desativado
$ ('input'). Icheck ('atualização'); // Aplique alterações de entrada, que foram feitas fora do plug -in
$ ('input'). Icheck ('Destroy'); // Remova o estilo Icheck
Ao ligar para Icheck, você só precisa listar os parâmetros que modificaram o valor padrão:
// Método de uso básico $ ('input'). Icheck ({Labelhover: false, cursor: true, checkCllass: 'icheckbox_square-blue', radioclass: 'iradio_square-blue', aumenteaea: '20%'});Aqui está a lista de parâmetros e seus valores padrão:
{handle: '', checkCoxClass: 'iCheckBox', radioclass: 'iradio', checkedclass: 'checked', checkedCheckBoxClass: '', checkedRadioclass: '' DisabledCheckBoxClass: ', desmontê -geCoxBoxBox. DisabledCheckBoxClass: '', desabilabedCheckBoxClass: '', EnabledCheckBoxClass: '', EnabledRadioclass: '', EnabledRadioclass: '', EnabledRadioclass: '', EnabledRadradradradradradradradradradradradradRadradRadradRadradr: enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', enabledRadioClass: '', hoverClass: 'hover', focusClass: 'focus', ActiveClass: 'Active', LabelHover: True, LabelHoverclass: 'Hover', aumentado: '', cursor: false, herança: false, herança: false, inserir: ''}Podemos redefinir o estilo para qualquer uma das classes listadas acima
pele
Preto - mínimo.css // preto
Vermelho - vermelho.css // vermelho
Verde - verde.css // verde
Azul - azul.css // azul
Aero - aero.css // o efeito de vidro no Win7
Cinza - Grey.css // prata cinza
Laranja - laranja.css // laranja
Amarelo - amarelo.css // amarelo
Rosa - rosa.css // rosa
Roxo - roxo.css // roxo
(Faça o download desses pacotes de pele)
inicialização
Primeiro, apresente o arquivo da biblioteca jQuery
Em segundo lugar, introduza o arquivo plugin jQuery.icheck.js
(Se você deseja apresentar skins relacionados, é necessário apresentar: arquivos de cores temas.css relacionadas)
Evento de retorno de chamada
Icheck suporta todos os seletores e funciona apenas para caixa de seleção e botões de rádio
Icheck fornece um grande número de eventos de retorno de chamada, os quais podem ser usados para ouvir eventos de mudança
Use o método on () para vincular eventos:
$ ('input'). on ('ifchecked', function (event) {// evento IfCreated deve estar ligado a alerta (event.type + 'retorno de chamada');}); O tamanho do rádio e a caixa de seleção no bootstrap Icheck pode ser redimensionado? .icheckbox_square-blue, .iradio_square-blue {display: block; margem: 0; preenchimento: 0; Largura: 22px; Altura: 22px; Antecedentes: URL (Blue.png) sem repetição; fronteira: nenhuma; Cursor: Ponteiro; }Se você deseja ajustar o estilo de rádio ou caixa de seleção do Icheck, modifique a largura e a altura através do CSS acima e, ao mesmo tempo, modifique o tamanho correspondente da imagem azul.png.
Vamos ver como obter o valor do rádio
Para o seguinte conjunto de rádios, como você pode obter o valor de valor 1 ou 0 ao usar o Icheck?
O acima é a caixa de seleção Plug-in Icheck e o rádio do bootstrap que o editor apresentou a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!