Ir para conteúdo
Fórum Script Brasil
  • 0

[resolvido] Esconder Campos


Thaís Mesquita

Pergunta

Bom dia!

Minha dúvida é a seguinte:

Tenho dois radioButtons, um SIM e um Não, ambos com value="s"

Eu preciso que quando o usuário clique em SIM apareçam novos campos a serem preeenchidos. Esses campos ficarão sempre escondidos e só devem aparecer quando essa opção for marcada.

Alguém pode me ajudar?

Obrigada!

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

<tr><td>Responsável pela família:</td>
    <td>
        <input type="radio" name='rdoResp_familiar' value="s" onclick="habilitaCampos('txtAluguel','txtLuz');">Sim
        <input type="radio" name='rdoResp_familiar' value="s">Não                        
    </td>                
</tr>
Onde os campos que quero esconder e mostrar quando a opção SIM for marcada estão dentro de uma DIV <div.style.display = 'none' >
<script language="JavaScript">
 function habilitaCampos(txtAluguel....){
    var div = document.getElementById(txtAluguel...)
     if(div.style.display == 'none' || div.style.display == '')
      {
    div.style.display = 'block';  
      }

     else
      {
     div.style.display = 'none'                             
    }                  

}                
</script>

Seria isso?????

Link para o comentário
Compartilhar em outros sites

  • 0
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function habilitaCampos(par){
      div = document.getElementById('teste');
     if(par == 'sim')
     {
            div.style.display = 'block';  
     }
     else
     {
             div.style.display = 'none';                             
     }                  
}                
</script>
</head>
<body>
<table>
<tr><td>Responsável pela família:</td>
    <td>
        <input type="radio" name='rdoResp_familiar' value="s" onclick="habilitaCampos('sim');">Sim
        <input type="radio" name='rdoResp_familiar' value="s" onclick="habilitaCampos('não');">Não                        
    </td>                
</tr>
</table>
<div id="teste" style="display: 'none';">
<input type="text" /> <br />
<input type="text" /> <br />
<input type="text" /> <br />
<input type="text" /> <br />
</div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...