System escreveu:É comum usar checkboxes nas configurações ou na interface de seu site.
Ao clicar nela alguma coisa é ligada, ao clicar novamente é desligada.
Simples, não?
[X] Fundo colorido
O código para fazer uma opção destas é trivial:
Fundo colorido
No evento onClick é chamada a função trocaFundo(), que se encarrega de
ligar ou desligar as cores no fundo do site. Até aí tudo bem.
O que é chato mesmo, é o usuário ter que mirar precisamente na caixinha
do checkbox para poder ligar/desligar a opção. Uma interface mais
amigável deveria permitir que o usuário também pudesse clicar no próprio
texto de descrição (label) da opção, o "Fundo colorido". Com mais área
para cliques, o uso do site torna-se mais confortável.
Para fazer esse label clicável, basta adicionar o evento onClick nele
também. E o que esse evento fará? Você pode colocar ali um
"trocaFundo()" também, para ficar igual ao onClick do checkbox.
Fundo colorido
Mas duplicar coisas não é bom. Se você ainda não aprendeu isso, pode
deixar que a experiência um dia te ensinará. E se a trocaFundo()
recebesse um this para identificar de onde veio o clique, também não
funcionaria.
Uma solução mais robusta é fazer com que ao clicar no label, seja feito
um clique "virtual" na própria checkbox. Deste modo, para a lógica do
seu programa, é como se o usuário tivesse de fato clicado na checkbox.
Fundo colorido
Atualização
Quando escrevi este texto, eu não sabia que a tag LABEL era clicável e
que ao clicar nela, o checkbox atrelado a ela era marcado/desmarcado.
Muito obrigado a todos que comentaram sobre isso!
Assim sendo, não é preciso essa gambiarra JavaScript que eu sugeri, basta apenas usar a tag correta:
O atributo for leva o nome do checkbox ao qual esta label está atrelada.
E pronto, só isso. O navegador se encarregará de fazer o resto.
Créditos: Aurélio
2 participantes
Fazer o label do checkbox ser clicável
SystemX- Membro
- Posts : 10
Respeito : 0
- Mensagem nº1
Fazer o label do checkbox ser clicável
iLuc- Administrador
- Posts : 2164
Respeito : 379
- Mensagem nº2
Re: Fazer o label do checkbox ser clicável
Otimo topico, obrigado por postar, irá ajudar muitas pessoas ^^"
|
|
Sáb Fev 27, 2016 9:16 am por iLuc
» Melhores apps para Android
Sex Abr 04, 2014 9:37 pm por iLuc
» [PS2] Missões Bully
Qui Abr 03, 2014 1:53 pm por Luckii
» Dificuldades
Qui Abr 03, 2014 1:44 pm por Luckii
» [SUGESTÕES] Reaberto
Qui Abr 03, 2014 1:14 pm por iLuc
» XnRetro [DOWNLOAD]
Qui Abr 03, 2014 1:06 pm por iLuc
» [NOVAS] Menu iniciar voltará no Windows 8
Qui Abr 03, 2014 7:15 am por iLuc
» [DESIGN] PEDIDOS
Qua Abr 02, 2014 8:52 pm por iLuc
» [NOVIDADE] PS4
Qua Abr 02, 2014 8:50 pm por Crizzy