DICA -- Desabilitando checkbox via javascript

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (20)  (1)

Desabilitar um checkbox usando javascript (infelizmente) não é só usar um comando disabled... Por isso resolvi compartilhar a solução para uma coisa super simples e que pode gerar alguns incovenienientes.

Desabilitando checkbox via javascript

Esta semana ao criar uma telinha simples de cadastro me vi “enroscada” com um detalhe que eu não contava… O controle checkbox não “obedecia” ao comando disabled

Depois de me estressar um pouquinho, resolvi ler o código fonte e vi que o controle checkbox, e o label estão dentro de um span que está desabilitado… Por isso todas as vezes que eu tentei habilitar o checkbox nada aconteceu. Depois de “descobrir” isso resolvi publicar esta dica para que ninguém mais perca tempo com estas “besteiras” …

A solução para este problema é habilitar (ou desabilitar) o span e o checkbox.

Abaixo tem um exemplo de uma função que habilita ou desabilita o checkbox, dependendo do valor passado como parâmetro:

 

<script language="javascript" type="text/javascript">

   

        function DesabilitaChcBox(valor)

        {

            var chk = document.all["chkTipo"];

               

            //Desabilitando o span  

            chk.parentNode.disabled = valor;

            //Desabilitando o checkBox

            chk.disabled=valor;

           

        }

</script>

Espero que esta dica seja útil, e em caso de dúvidas estejam a vontade para entrar em contato comigo no e-mail dani@wbsoft.com.br.
 
Abraços!!!
 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?