Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/01/2012, 13:57
nilburcion
 
Fecha de Ingreso: diciembre-2011
Mensajes: 98
Antigüedad: 12 años, 4 meses
Puntos: 29
Respuesta: Simplificar código para radio button

Aqui tienes un código más simplificado:

Código:
<html> 
<head> 
<script> 

function campo(num,visible,campos) {
if (visible==true) {
for(var i=1;i<=campos;i++) {
document.getElementById("mje"+i).style.display = "none";
}
document.getElementById("mje"+num).style.display = "block";
}else{
document.getElementById("mje"+num).style.display = "none";
}
}

</script> 
</head> 
<body> 
<form name=form> 
<input type="radio" name="f_2_dirNegocio" id="f_2_dirNegocio" value="S" onClick="campo(1,true,4)">La dirección de mi negocio es la misma que mi direccion de facturación<br />

<input type="radio" name="f_2_dirNegocio" id="f_2_dirNegocio" value="N" onClick="campo(2,true,4)">La dirección de mi negocio es distinta de mi direccion de facturación<br />


<input type="radio" name="f_2_dirNegocio" id="f_2_dirNegocio" value="S" onClick="campo(3,true,4)">La dirección de mi negocio es la misma que mi direccion de facturación<br />

<input type="radio" name="f_2_dirNegocio" id="f_2_dirNegocio" value="N" onClick="campo(4,true,4)">La dirección de mi negocio es distinta de mi direccion de facturación<br />


<span style="display:none" id="mje1">Mensaje uno:</span>
<span style="display:none" id="mje2">Mensaje dos:</span>
<span style="display:none" id="mje3">Mensaje tres:</span>
<span style="display:none" id="mje4">Mensaje cuatro:</span>

</form> 
</body> 
</html>
Le he añadido la funcion campo(), que funciona así:

campo(num,visible,campos);


num:El número de mensaje que se va a mostrar.
visible:Si se va a ocultar o mostrar (cuando se muestra uno se ocultan todos los otros)
campos:Cuantos campos hay en total(sirve para realizar la accion de ocultar los demas cuando se muestra uno).

Un saludo.