Ir para conteúdo

POWERED BY:

Arquivado

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

the_flash

Vários radios, um para digitar em um campo e dar sugestão

Por , em Javascript

Recommended Posts

the_flash    0

the_flash
Postado

Galera

 

Seguinte:

 

Eu to fazendo uma enquete com várias opções, ex:

 

Que time você torce?

1 - Palmeiras

2 - SPFC

3 - Vasco

4 - Outros

 

O que eu quero:

É que a pessoa escolha seu time na lista, se o time dela não estiver na lista existirá um input para que ela possa digitar o nome do time.

Então ao clicar no radio "outros" e digitar o nome do time, nenhum outro time poderá ficar selecionado.

 

Isso já acontece, eu coloquei o mesmo id para os rádios, o problema é se a pessoa clica em outros, digita "botafogo", volta e marca o Palmeiras os dois valores serão passados a próxima página.

Então o que eu preciso é que quando a pessoa clicar em algum time pré-definido o campo "outros" tem que ser limpo.

 

 

 

<label>
			<input type="radio" id="grupo" name="grupo" value="1" />
			Palmeiras
		</label>
		<label>
			<input type="radio" id="grupo" name="grupo" value="2" />
			SPFC
		</label>
		<label>
			<input type="radio" id="grupo" name="grupo" value="3" />
			Vasco
		</label>
		<label>
			<input type="radio" id="grupo" name="grupo" />
			Outro
		</label>
		<input id="timedigitado" name="timedigitado"></input>

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado 

<script>

function limpaOutros()
{
document.getElementById("timedigitado").value = "";
}
</script>

<input type="radio" id="grupo" name="grupo" value="1" onCLick = "limpaOutros();"/>
			Palmeiras
		</label>
		<label>
			<input type="radio" id="grupo" name="grupo" value="2"onCLick = "limpaOutros();"  />
			SPFC
		</label>
<input id="timedigitado" name="timedigitado"></input>

Espero ter ajudado..

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leo Almeida    0

Leo Almeida
Postado

Veja se resolve....

 

 

<head>
<script>
function testa(){
	document.getElementById('campo').disabled="";
}
</script>
</head>

<body>
<form name="formulario" method="post" action="teste.html">
	<input type="radio" name="r" value="2" onClick="testa()">Outro<BR>
	<input type="text" name="campo" disabled="disabled" value="">
</form>
</body>
...o resto você sabe...

...espero que tenha ajudado!

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