Existe hidden="false" ?

[Thiago Btos 0]

Olá pessoal.

 

Estou tentando fazer o seguinte.

Tenho um radio com as opções SIM e NÃO.

 

Caso clique em sim, ele irá mostrar um input text que está escondido com hidden="true".

Mas ai que está, quando eu coloco hidden="false" ele continua não mostrando.

 

Tenho uma opção disabled="true" mas quero que não aparece

 

<script language="JavaScript" type="text/JavaScript">
        <!--

        function fecharBox(sel) {      
        if(sel == 'y'){
              document.getElementById('i2').disabled=false;
       }
        else if(sel == 'n'){
                document.getElementById('i2').disabled=true;
      }
}
        
        function checar_formulario(campo){
            
            i1a = campo.i1[0];
            i1b = campo.i1[1];
	     if (!i1a.checked && !i1b.checked) {
            alert("Por favor responder a questão 1");
            return (false);
         }
}
        -->
</script>

 <form name="frm1" method="POST" action="index_act.php" onsubmit="return checar_formulario(this)">

       <h2 id="perguntas">1) Pergunta 1.</h2> 
       <input id="i1" type="radio" name="i1" value="i1a"  onclick="fecharBox('y');"/>Sim<br />
       <input id="i1" type="radio" name="i1" value="i1b" onclick="fecharBox('n');"/>Não<br />

       <h2 id="perguntas">1.1) Nome.</h2> 
       <input id="i2" type="text" name="i2" value="" maxlength="50" size="60" hidden="true"/><br />

      <input type="submit" value="Proximo Passo" /><br /><br />
</form>

 

 

Resumindo, queria deixar o campo "invisivel" se o usuario clicasse na opção, e mostrar se ele clicar na outra.

 

Se alguem tiver uma solução sem ser o hidden tb agradeço

 

vlw

[Marcos Xavier 189]

Hidden=false???? Nunca vi, porém com Jquery fica:

 

<script >
$(document).ready(function() {
$('input[name=i1]:radio').click(function() {

if($(this).val()=="i1a") {
$('#i3').show();

} else {
$('#i3').hide();

}

});

});
   
</script>

 <form name="frm1" method="POST" action="index_act.php" onsubmit="return checar_formulario(this)">

       <h2 id="perguntas">1) Pergunta 1.</h2>
       <input id="i1" type="radio" name="i1" value="i1a"  />Sim<br />
       <input id="i2" type="radio" name="i1" value="i1b" />Não<br />

       <h2 id="perguntas">1.1) Nome.</h2>
       <input id="i3" type="text" name="i2" value="" maxlength="50" size="60" style="display:none;" /><br />

      <input type="submit" value="Proximo Passo" /><br /><br />
</form>

 

Referência: http://www.codigosnaweb.com/forum/Esconder-e-mostrar-divs-baseado-no-input-radio-jQuery_3_6760.html

[André do Vale 76]

Utilizando o exemplo do amigo acima (e ainda com jQuery), prefira a função "change()" (que verifica a mudança de estado/opção do campo), e dentro deste faça uma verificação simples ( :checked ) para validá-lo.

[Thiago Btos 0]

Vlw Marco, deu certo!

 

Mas agora que fui ver o pq não estava dando certo

eu coloquei opção DISABLE em vez de HIDDEN

  function fecharBox(sel) {      
        if(sel == 'y'){
              document.getElementById('i2').hidden=false;
       }
        else if(sel == 'n'){
                document.getElementById('i2').hidden=true;

dessa forma deu certo..

 

 

Mais uma opção pra se usar

 

Obrigado