Ir para conteúdo

POWERED BY:

Arquivado

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

Carcleo

Como exibir esses valores?

Por , em Javascript

Recommended Posts

Carcleo    4

Carcleo
Postado

Tenho Um formulario com 3 Radio Buttons

 

<Form name=form action=index.php method="POST"><input type="radio" name="cadastro"   value="1" >1<input type="radio" name="cadastro"   value="2" >2<input type="radio" name="cadastro"   value="3" >3</Form>
O que eu queria fazer é que quando o usuario escolhesse por exemplo a opção "um", seja mostrado

uma frase informando que o usuario escolheu a opção "um", e a cada clique do usuario muda automaticamente

a opção.

 

Por exemplo:

 

Voce escolheu a opção 1

 

Como fazer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Teste</title><script>var f;function EscolhePlano(Cadastro){  var f = document.forms['EscolhePlano'];	  document.getElementById("Plane").innerHTML = f.elements['Cadastro'].value;}</script></head><body><form method="POST" action="index.php" name="EscolhePlano"><table width="100%" border="1" cellspacing="2" cellpadding="0"><tr><td><input type="radio" checked onchange=EscolhePlano(); name="Cadastro"   value="A" >A</td><td><input type="radio"  onchange=EscolhePlano(); name="Cadastro"   value="B" >B</td></tr><tr><td><input type="radio"  onchange=EscolhePlano(); name="Cadastro"   value="C" >C</td><td><input type="radio"  onchange=EscolhePlano(); name="Cadastro"   value="D" >D</td></tr><tr><td> <TABLE cellSpacing=0 cellPadding=0 border=0>		  <TR><TD >Você escolheu o plano: <DIV id=Plane><STRONG></STRONG></DIV></TD></TR>  </TABLE>  <script> EscolhePlano();</SCRIPT></td></tr><tr><td><input type="submit" name="submit"></td></tr></table></form></body></html>
Desculpem

 

Olá pessoal, o meui formulario é esse abaixo.

Tentei os códigos aqui postados mas acontece que na hora que a pessoa abre a pagina, eu gostaria de ja dar a mensagem para o usuário e não ta dando.

A mensagem só vem depois que cliko na opção.

 

Achei um exemplo na net e tentei aproveitar o código porem na hora de mostrar o resultado só sai undefined.

Aonde estou errando?

 

Desde já estou desejando um feliz natal e um prospero ano novo a todos

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Teste</title><script>var f;function EscolhePlano(Cadastro){  var f = document.forms['EscolhePlano'];	  document.getElementById("Plane").innerHTML = f.elements['Cadastro'].value;}</script></head><body><form method="POST" action="index.php" name="EscolhePlano"><table width="100%" border="1" cellspacing="2" cellpadding="0"><tr><td><input type="radio" checked onchange=EscolhePlano(); name="Cadastro"   value="A" >A</td><td><input type="radio"  onchange=EscolhePlano(); name="Cadastro"   value="B" >B</td></tr><tr><td><input type="radio"  onchange=EscolhePlano(); name="Cadastro"   value="C" >C</td><td><input type="radio"  onchange=EscolhePlano(); name="Cadastro"   value="D" >D</td></tr><tr><td> <TABLE cellSpacing=0 cellPadding=0 border=0>		  <TR><TD >Você escolheu o plano: <DIV id=Plane><STRONG></STRONG></DIV></TD></TR>  </TABLE>  <script> EscolhePlano();</SCRIPT></td></tr><tr><td><input type="submit" name="submit"></td></tr></table></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Entendi e deu certo, mas como ficaria entao usando o evento onchange?

Eu fis um codigo, ele aceita somente a 1ª opção e quando cliko na opção b por ezemplo, a mensagem nao troca e da erro de script na barra de status do ie.

Onde to errando?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Teste</title><script language="javascript">var f;var opcoes;function EscolhePlano(Cadastro){  var f = document.forms[0];	  opcoes = f.elements[0].value;  document.write (opcoes); if (opcoes == 'A')  { opcoes = 'Pacote A ( R$ 29.95 anuais )'; } if (opcoes == 'B')  { opcoes = 'Pacote B ( R$ 50.00 anuais )'; } if (opcoes == 'C')  { opcoes = 'Pacote C ( R$ 100.00 anuais )'; } if (opcoes == 'D')  { opcoes = 'Pacote D ( R$ 250.00 anuais )'; }    document.getElementById("Plane").innerHTML = "Você escolheu a opção " + opcoes;}</script></head><body><form method="POST" action="index.php" name="EscolhePlano"><table width="100%" border="1" cellspacing="2" cellpadding="0"><tr><td><input type="radio" checked onchange=EscolhePlano();   name="Cadastro"   value="A" >A</td><td><input type="radio"  onchange=EscolhePlano();   name="Cadastro"   value="B" >B</td></tr><tr><td><input type="radio"  onchange=EscolhePlano();   name="Cadastro"   value="C" >C</td><td><input type="radio"  onchange=EscolhePlano();   name="Cadastro"   value="D" >D</td></tr><tr><td> <TABLE cellSpacing=0 cellPadding=0 border=0>		  <TR><TD ><DIV id=Plane><STRONG></STRONG></DIV></TD></TR>  </TABLE>  <script> EscolhePlano();</SCRIPT></td></tr><tr><td><input type="submit" name="submit"></td></tr></table></form></body></html>Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Poxa Adriano, eu uso o dreamweaver mx2004 e ele relaciona onchange como evento do radio button.Mas, to aprendendo isso aí.Da pra voce mandar um pequeno exemplo trocando o radio button por um select com 2 options e usar onchange.Seria só para eu aprender mesmo, se der ficarei muito agradecido.Desde ja muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Valeu Adriano Noel. Funcionou!Feliz Natal, boas festas e um feliz 2006 para tu e tua familia.Sem esquecer de todos do forum!!!Hoo, Hoo, Hoo!!!!!!!!!

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