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

Como Exibir Esses Valores?


Carlos Rocha

Pergunta

Tenho Um formulario com 3 Radio Buttons

<CODE>

<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>

</CODE>

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?

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

um exemplo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function troca(valor){
   document.all.output.innerText = "Você escolheu a opção " + valor;
}
</script>
</head>

<body>
<Form name=form action=index.php method="POST">

<input type="radio" name="cadastro" value="1" onClick="troca(this.value);">1
<input type="radio" name="cadastro" value="2" onClick="troca(this.value);">2
<input type="radio" name="cadastro" value="3" onClick="troca(this.value);">3

</Form><br /><br />
<span id="output"></span>
</body>
</html>

falou ph34r.gif

Link para o comentário
Compartilhar em outros sites

  • 0

<!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>

Link para o comentário
Compartilhar em outros sites

  • 0

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 já 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

<CODE>

<!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>

</CODE>

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,5k
×
×
  • Criar Novo...