Ir para conteúdo

POWERED BY:

Arquivado

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

mows

[Resolvido] Desabilitar campos ao clicar em checkbox

Recommended Posts

Boa tarde pessoal, estou tentando fazer o seguinte: em um form, ao clicar no primeira opção de uma sequência de Checkbox ele automaticamente desabilita as outras opções.

 

Tentei com o código abaixo, mas não está funcionando, alguem poderia me ajudar?!

 

<script language="JavaScript">
     function desabilita() {
       if (document.form.P9Nao.checked) {
            document.form.P9.disabled = true;
     } else {
             document.form.P9.disabled = false;
     }
     }
</script>

<form  name="form" method="post">
        
        <div class="box1">
             
                <fieldset>                
                
    		<legend>PERFIL PROFISSIONAL</legend>                 
                
                 <DIV ID=FORM>
                 
                
                    <p>9. Você recebe mais algum tipo de benefício? (RM) </p>
                   
                    <label><input name="P9Nao" id="P9Nao" type="checkbox" value="1" onclick="desabilita();" class="chk" /> 1. Não</label><BR /><BR /><BR />
                    <label><input name="P9" id="P9" type="checkbox" value="2" class="chk" /> 2. VR</label><BR /><BR /><BR />
                    <label><input name="P9" id="P9" type="checkbox" value="3" class="chk" /> 3. VT</label><BR /><BR /><BR />
                    <label><input name="P9" id="P9" type="checkbox" value="4" class="chk" /> 4. Plano de Saúde</label><BR /><BR /><BR />
                    <label><input name="P9" id="P9" type="checkbox" value="5" class="chk" /> 5. Plano Odontológico</label><BR /><BR /><BR />
                    <table width="400" border="0">
                      <tr>
                        <Td align="left" valign="middle"><input name="P9"  id="P9" type="checkbox" value="6" class="chk" /> Outros. Quais?<BR /><input name="P9_outros" type="text" onkeyup="javascript: this.value = this.value.toUpperCase();" /> </Td>
                      </tr>
                    </table>
 

                </DIV>

                
                </fieldset>
         
         </div>
         
         <BR><BR><INPUT type="submit" value="Enviar" STYLE=" MARGIN:0 0 30PX 10px; width:100px;" name="ActionP9">
         <a href="javascript:history.back(1)"><img src=images/voltar.png border=0 STYLE=" MARGIN:0 10px 30PX 20px; float: right;" /></a>
         <BR><BR><BR /><BR />
         
</form>

Agradeço a ajuda.

 

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa acho q este exemplo vai te ajudar !!

só que no teu caso vai usar checkbox até mais !!

<script> 
function verificaOpcao( valor ){ 
  if( valor == 8 ){ 
        document.getElementById("txtInf").style.display = 'block'; 
   form1.txtInforme.focus()
  }else if( valor =! 8 ){ 
   document.getElementById("txtInfo").style.display ='none'; 
   
  } 
} 
</script>

 <select name="cboComo" id="cboComo" onclick="verificaOpcao(this.value)">
              <option value="0">Opção0</option>
              <option value="1">Opção1</option>
              <option value="2">Yahoo/Cadê</option>
              <option value="3">Uol</option>
              <option value="4">Opção4</option>
              <option value="5">Opção5</option>
              <option value="6">Opção6</option>
              <option value="7">Opção7</option>
              <option value="8">Opção8</option>
            </select>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

RESOLVIDO

 

Obrigado William, consegui fazer com o exemplo de checar todas que você postou.

 

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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