Ir para conteúdo

POWERED BY:

Arquivado

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

_ P A K O _

[Resolvido] Abrir text com radio

Por , em Javascript

Recommended Posts

_ P A K O _    0

_ P A K O _
Postado

Olá galera,

 

tenho uma tabela que se encontra num loop, naqual possui um campo "radio".

Quando eu clico no radio, gostaria que aparecesse um campo txt exatamente na linha abaixo deste radio.

 

Exemplificando:

 

Clico no radio aparece uma caixa abaixo deste radio que eu cliquei, lembrando que estou dentro de um LOOP, ou seja, tenho que recuperar a linha corrente deste radio.

 

Se eu clicar no outro radio do loop, tem que esconder o campo txt que estava aparecendo e mostrar o txt abaixo do radio que eu cliquei

 

Obrigado...

Compartilhar este post

Link para o post
Compartilhar em outros sites

brunocampos_    3

brunocampos_
Postado

Uma maneira:

<html>
	<head>
		<script language="javascript">
			var currentRadioText = null;
			function showRadioText(obj) {
				if(currentRadioText!=null) {
					document.getElementById("s_radioText_"+currentRadioText).style.display = "none";
				}
				document.getElementById("s_radioText_"+obj.value).style.display = "inline";
				currentRadioText = obj.value;
			}
		</script>
	</head>
	<body>
		<input type="radio" value="1" onClick="showRadioText(this);" /> Opção 1<span id="s_radioText_1" style="display:none;"><br />Texto do radio 1</span><br />
		<input type="radio" value="2" onClick="showRadioText(this);" /> Opção 2<span id="s_radioText_2" style="display:none;"><br />Texto do radio 2</span><br />
		<input type="radio" value="3" onClick="showRadioText(this);" /> Opção 3<span id="s_radioText_3" style="display:none;"><br />Texto do radio 3</span><br />
		<input type="radio" value="4" onClick="showRadioText(this);" /> Opção 4<span id="s_radioText_4" style="display:none;"><br />Texto do radio 4</span><br />
		<input type="radio" value="5" onClick="showRadioText(this);" /> Opção 5<span id="s_radioText_5" style="display:none;"><br />Texto do radio 5</span><br />
		<input type="radio" value="6" onClick="showRadioText(this);" /> Opção 6<span id="s_radioText_6" style="display:none;"><br />Texto do radio 6</span><br />
	</body>
</html>

Este tópico pode ajudar também:

criando Tags aa partir de id

http://forum.imasters.com.br/index.php?showtopic=290922

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ P A K O _    0

_ P A K O _
Postado

Muito obrigado pela ajuda Bruno....

 

Exatamente o que eu precisava !

 

Tive que só alterar uma coisinha ou outra, por causa do contador do meu loop.

 

Mas é exatamente isso ! Me quebrou um galhão !

 

 

Abração !

Compartilhar este post

Link para o post
Compartilhar em outros sites

jeff117    0

jeff117
Postado

Olá.

 

O posto do brunocampos_ me ajudou também. No entanto, percebi que ao clicar em um dos botões radios, ele não fica selecionado (com a bolinha preta dentro).

 

Alguém sabe dizer o porquê? Tem como alterar?

 

Obrigado,

--

Jefferson

 

Uma maneira:

<html>
	<head>
		<script language="javascript">
			var currentRadioText = null;
			function showRadioText(obj) {
				if(currentRadioText!=null) {
					document.getElementById("s_radioText_"+currentRadioText).style.display = "none";
				}
				document.getElementById("s_radioText_"+obj.value).style.display = "inline";
				currentRadioText = obj.value;
			}
		</script>
	</head>
	<body>
		<input type="radio" value="1" onClick="showRadioText(this);" /> Opção 1<span id="s_radioText_1" style="display:none;"><br />Texto do radio 1</span><br />
		<input type="radio" value="2" onClick="showRadioText(this);" /> Opção 2<span id="s_radioText_2" style="display:none;"><br />Texto do radio 2</span><br />
		<input type="radio" value="3" onClick="showRadioText(this);" /> Opção 3<span id="s_radioText_3" style="display:none;"><br />Texto do radio 3</span><br />
		<input type="radio" value="4" onClick="showRadioText(this);" /> Opção 4<span id="s_radioText_4" style="display:none;"><br />Texto do radio 4</span><br />
		<input type="radio" value="5" onClick="showRadioText(this);" /> Opção 5<span id="s_radioText_5" style="display:none;"><br />Texto do radio 5</span><br />
		<input type="radio" value="6" onClick="showRadioText(this);" /> Opção 6<span id="s_radioText_6" style="display:none;"><br />Texto do radio 6</span><br />
	</body>
</html>

Este tópico pode ajudar também:

criando Tags aa partir de id

http://forum.imasters.com.br/index.php?showtopic=290922

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