jQuery é um framework Javascript que pode simplificar a codificação Javascript para um site e remove um monte de cruz problemas de compatibilidade do navegador. Ontem eu olhei para Como começar e definir os valores do elemento forma com jQuery mas não lidou com checkboxes. O post de hoje olha como dizer se uma checkbox de formulário HTML está assinalada ou não com jQuery e então como alterá-la para não ser verificada.
forma de exemplo
a nossa forma de exemplo parece-se com esta:
<input type="checkbox" name="foo" value="bar" /><input type="button" onclick="show_checked()" value="Show" /><input type="button" onclick="set_checked(true)" value="On" /><input type="button" onclick="set_checked(false)" value="Off" />
há uma caixa de cheques com o nome ” foo ” e depois três botões. O primeiro chama um functionto para nos mostrar se a checkbox está assinalada ou não, e os dois segundos mudam-na de estar assinalada para não estar assinalada.
assinale se a opção está assinalada com
existem várias formas de começar a trabalhar se uma opção estiver assinalada ou não com a jQuery, e aqui algumas alternativas. Cada um retornará verdadeiro se estiver verificado ou falso se não estiver.
$('input').is(':checked')$('input').attr('checked')
Definir a caixa de seleção marcada ou não marcada
O estado da caixa de seleção pode ser alterado usando a attr() função como assim, para verificar a caixa de:
$('input').attr('checked', true);
e, como para desmarcar a caixa:
$('input').attr('checked', false);
exemplo de Trabalho
E, finalmente, aqui está o exemplo de formulário em ação:
Uma nota sobre valores booleanos
Há uma discussão nos comentários abaixo sobre problemas encontrados com o Cromo que pode estar relacionado a cadeia de valores de verdadeiro e falso que está sendo passado que precisa ser estritamente um valor booleano true ou false caso contrário, conseqüências inesperadas podem acontecer.Foi sugerido o seu uso .removeAttr () em vez disso, mas isso pode ter outras consequências da minha leitura dos comentários na página de documentação jQuery para a função. Vou acompanhar este post em uma data posterior e fazer mais testes para confirmar, com certeza
a Alternância de uma caixa de seleção ao clicar em uma etiqueta
Note que não é necessário Javascript para alternar a caixa de seleção ao clicar em algum texto, que é exatamente o que HTML <a etiqueta>s são para. Leia a minha publicação de seguimento usando HTML <label> para comutar e seleccionar campos para mais informações.