Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/04/2012, 12:28
Avatar de diamari
diamari
 
Fecha de Ingreso: marzo-2012
Mensajes: 95
Antigüedad: 12 años, 10 meses
Puntos: 30
Respuesta: radio button muestra div, cambiar div al cambiar radio

Código:
function showMe () {
	var vis;
	var box;
	for (i=1;i<=3;i++){
		box = document.getElementById('Otro' + i);
		vis = (box.checked) ? "block" : "none";
		document.getElementById('oculto' + i).style.display = vis;
	}
}
Código:
<form name="form1">
    <input id="Otro1" name="Otro" type="radio" value="t1" onclick="showMe()" > Opcion 1
<input id="Otro2" name="Otro" type="radio" value="t2" onclick="showMe()" > Opcion 2
<input id="Otro3" name="Otro" type="radio" value="t3" onclick="showMe()" > Opcion 3
<div id="oculto1" style="display:none" >
<input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value1a" ><input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value2" ><input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value3" >
<br />+++++++++++++++++++++++
</div>
<div id="oculto2" style="display:none" >
<input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value1b" ><input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value2" ><input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value3" >
<br />+++++++++++++++++++++++
</div>
<div id="oculto3" style="display:none" >
<input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value1c" ><input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value2" ><input id="otra_vivienda" name="otra_vivienda" type="text" size="20" maxlength="50" value="Value3" >
<br />+++++++++++++++++++++++
</form>