03/04/2012, 12:28
|
| | | 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>
|