Ir para conteúdo

Arquivado

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

h_felix

Formulario HTML - Escolhas "logicas"

Por , em Desenvolvimento frontend

Recommended Posts

h_felix    1

h_felix
Postado

Boa tarde galera ,

 

Estou com um problema que nao esta me deixando dormir ja tem um tempo.

 

É o seguinte , estou criando um site ( em wordpress , pois não manjo muito de hmtl , css etc) . No site , tem uma pagina que devera conter um formulario com a seguinte função :

 

<form>

 

<label> Ja possui em sua residencia :

 

SIM

<input type="radio" name="escolha" value="sim" checked>

<br>

Não
<input type="radio" name="escolha" value="não">

.....

 

 

 

Se a pessoa marca "SIM" , tem que aparecer x campos de um formulario , se a pessoa marca "NÃO" , tem que aparecer campos diferentes se ela tivesse marcado "SIM".

 

 

Como faço isso ? tem alguma ferramenta na internet ?

 

 

Desde ja , muito obrigado.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Olá h_felix, blza!

 

Veja se mais ou menos isso que deseja.



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $("#palco > div").hide();
        $("#sel-escolha").change(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');
        });
        $("input[name='escolha']").click(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');  
        });
});
</script>



<body>
Ja possui em sua residência:
<br>
<label><input type="radio" name="escolha" value="sim" />Sim</label>
<label><input type="radio" name="escolha" value="nao" />Não</label>
<div id="palco">
<br>        
<div id="sim"><input name="sim" type="text" value="Escolheu Sim" size="30" maxlength="150" /></div>
<div id="nao"><input name="nao" type="text" value="Escolheu Não" size="30" maxlength="150" /></div>
</div>
</body>

Basta você adaptar para suas necessidades.

 

 

Espero que ajude,

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

h_felix    1

h_felix
Postado

Olá h_felix, blza!

 

Veja se mais ou menos isso que deseja.



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $("#palco > div").hide();
        $("#sel-escolha").change(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');
        });
        $("input[name='escolha']").click(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');  
        });
});
</script>



<body>
Ja possui em sua residência:
<br>
<label><input type="radio" name="escolha" value="sim" />Sim</label>
<label><input type="radio" name="escolha" value="nao" />Não</label>
<div id="palco">
<br>        
<div id="sim"><input name="sim" type="text" value="Escolheu Sim" size="30" maxlength="150" /></div>
<div id="nao"><input name="nao" type="text" value="Escolheu Não" size="30" maxlength="150" /></div>
</div>
</body>

Basta você adaptar para suas necessidades.

 

 

Espero que ajude,

 

vlw

 

 

Boa tarde , blz sim , ainda mais agora .

 

Me ajudou pra caramba , obrigado mesmo

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Blza,

 

Que bom que deu certo.

Compartilhar este post

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

Informação importante

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

  Aceito