Ir para conteúdo

POWERED BY:

Arquivado

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

Tiyoung

[Resolvido] Formulario

Por , em Javascript

Recommended Posts

Tiyoung    0

Tiyoung
Postado

Queria saber como que faz pra quando em um radio apertar a opção 'sim' ai aparecer outros campos do form e qdo apertar nao desaparecer?

exemplo:

 

possui bomclube? sim ou nao

apertando sim aparece os campos de nome e numero do cartao

e apertando nao desaparece

 

Alguem pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Você faz isso facilmente com CSS: display ou visibility.

 

Exemplo:

<html>
<head>
<title></title>
<script type="text/javascript">
function mostrarCampos(estado) {
// 0 » Oculta os campos;
// 1 » Mostra os campos;

objDIV1 = document.getElementById("campos1");
	if (estado == 1) {
		objDIV1.style.display = "block";
	}else{
		objDIV1.style.display = "none";
	}
}
</script>
</head>
<body>
<input type="radio" name="opcao1" value="nao" onClick="mostrarCampos(0)"> Não
<br><input type="radio" name="opcao1" value="nao" onClick="mostrarCampos(1)"> Sim
<br><br>
<div id="campos1" style="display:none">
Nome (Bandeira) do cartão de crédito: <input type="text" name="nomeCartao">
<br>Nº do cartão de crédito: <input type="text" name="numCartao">
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiyoung    0

Tiyoung
Postado

Você faz isso facilmente com CSS: display ou visibility.

 

Exemplo:

<html>
<head>
<title></title>
<script type="text/javascript">
function mostrarCampos(estado) {
// 0 » Oculta os campos;
// 1 » Mostra os campos;

objDIV1 = document.getElementById("campos1");
	if (estado == 1) {
		objDIV1.style.display = "block";
	}else{
		objDIV1.style.display = "none";
	}
}
</script>
</head>
<body>
<input type="radio" name="opcao1" value="nao" onClick="mostrarCampos(0)"> Não
<br><input type="radio" name="opcao1" value="nao" onClick="mostrarCampos(1)"> Sim
<br><br>
<div id="campos1" style="display:none">
Nome (Bandeira) do cartão de crédito: <input type="text" name="nomeCartao">
<br>Nº do cartão de crédito: <input type="text" name="numCartao">
</div>
</body>
</html>

 

 

 

 

 

 

 

 

 

Po cara valeu msm consegui fazer aqui!! Abraço!

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