2 radios: O radio selecionado mostra div

[champignoncpg 0]

A pessoal, tudo beleza ?

 

 

Eu tenho um codigo e nao to conseguindo ajeitar da forma q quero...

 

eh o seguinte crio 2 radios onde cada opção q eu selecionar vai me mostrar uma div correspondente !

 

exemplo fika mais facil...

 

teste1:<input name="escolha" type="radio" value="1"> 
teste2:<input name="escolha" type="radio" value="2"> 

<div> teste - 1 </div>
<div> teste - 2 </div>

perceba q uma div eh pro q radio e outra pro outro, ja consegui fazer com "onclick", porem nao da o efeito q desejo

 

ou seja eu clicko na opção 2 ae aparece a div correspondente porem ela soh some se eu clickar novamente nele, e nao quero isso, quero q quando selecionado o radio apareça a div e se selecionar outro sai a div anterior e apareça a outra div

 

OK, se tiverem duvidas na explicação soh falar....

[Cesão 1]

Ok. você vai ter que dar IDs diferentes para cada DIV e vai controlar da seguinte forma:

function mostrarDiv(id){
	var div1 = document.getElementById("div1");
	var div2 = document.getElementById("div2");
	if(id==1){
		div1.style.display="block";
		div2.style.display="none";
	}else if (id==2){
		div1.style.display="none";
		div2.style.display="block";
	}else{
		div1.style.display="none";
		div2.style.display="none";
	}
}

teste1:<input name="escolha" type="radio" value="1" onClick="java script:mostrarDiv(1);">
teste2:<input name="escolha" type="radio" value="2" onClick="java script:mostrarDiv(2);">

<div id="div1" style="display:none;"> teste - 1 </div>
<div id="div2" style="display:none;"> teste - 2 </div>

Não sou muito bom em javascript e nem em lógica, mas acho que isso vai funcionar para o que você quer.

[champignoncpg 0]

Vlw parceiro, tinha um pareceido com este... mas nao estava funcionando...

 

obrigado !!!