Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

regina

[Resolvido] Habilitar/Desabilitar Checkbox Dinâmico

Por , em Javascript

Recommended Posts

regina    0

regina
Postado

Boa tarde,

 

estou desenvolvimento um módulo onde terei vários departamentos (que estão no banco de dados), o principal deles é o Administrador.

 

Ao clicar neste, preciso que os demais sejam desabilitados e se estiverem marcados, que sejam desmarcados.

 

<label class="departamento" for="modulo0"> 
 <input name="modulo[]" id="modulo0" value="1" tabindex="2" title="Administrador" onclick="return habilita_desabilita()" type="checkbox"> Administrador <br>
 </label>
 <label class="departamento
" for="modulo1"> 
 <input name="modulo[]" id="modulo1" value="2" tabindex="3" title="Comunicação" type="checkbox"> Comunicação <br>
 </label>

Como devo fazer a comunicação do arquivo gerado pelo PHP e o javascript para que seja realizada as operações desejadas, citadas acima?

 

Desde já agradeço.

 

Estou com o seguinte código:

 

<input type="checkbox" name="modulo[]" id="modulo0" value="1" tabindex="2" title="Administrador" onclick="return habilita_desabilita(this.value)" /> Administrador

function habilita_desabilita(valor_campo) {
 var campos;
 campos = document.getElementsByTagName('modulo');
 if(valor_campo == "Administrador"){
        for(var i=0; i < campos.length; i++){
         if(document.getElementsByTagName('input')[i].type == 'checkbox'){
                document.getElementsByTagName('input')[i].disabled= true;
         }
        }
 } else {
        for(var i=0; i < campos.length; i++){
         if(document.getElementsByTagName('input')[i].type == 'checkbox'){
                document.getElementsByTagName('input')[i].disabled= true;
         }
        }
 }
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Caio Tarifa    0

Caio Tarifa
Postado

Olá regina,

 

Você está no caminho certo, seu código já ajuda.

 

Teste o código que fiz para você:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Exemplo para a Regina</title>
    <script type="text/javascript">
      function isAdministrador() {
        var $administrador = document.getElementById("modulo0");
        var $checkboxes = document.getElementsByTagName("input");
        
        if ($administrador.checked) {
          for (var i = 0; i < $checkboxes.length; i++) {
            if ($checkboxes[i].type == "checkbox") {
              $checkboxes[i].checked = false;
            }
          }
          $administrador.checked = true;
        }
      }
    </script>
  </head>
  <body>
    <form action="?" method="post">
      <fieldset>
         <input name="modulo[]" id="modulo0" value="1" tabindex="2" title="Administrador" type="checkbox" onclick="isAdministrador()">
         <label class="departamento" for="modulo0">Administrador</label> <br />

         <input name="modulo[]" id="modulo1" value="2" tabindex="3" title="Comunicação" type="checkbox" onclick="isAdministrador()">
         <label class="departamento" for="modulo1">Comunicação</label> <br />
      </fieldset>
    </form>
  </body>
</html>

Se tiver mais alguma dúvida pode contar comigo.

 

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito