12/01/2012, 18:59
|
| | | Fecha de Ingreso: enero-2012
Mensajes: 12
Antigüedad: 12 años, 3 meses Puntos: 0 | |
| Simplificar código para radio button
Muy buenas. Necesito por favor simplificar este código javascript para radio button, FUNCIONA BIEN, solo que necesito simplificarlo; este sirve para cuando se hace un clic en algún radio aparece un texto. Le agradecería mucho el que pueda ayudarme.
<html>
<head>
<script>
function mostrarCampo1() {
document.getElementById("mje1").style.display = "block";
}
function ocultarCampo1() {
document.getElementById("mje1").style.display = "none";
}
function mostrarCampo2() {
document.getElementById("mje2").style.display = "block";
}
function ocultarCampo2() {
document.getElementById("mje2").style.display = "none";
}
function mostrarCampo3() {
document.getElementById("mje3").style.display = "block";
}
function ocultarCampo3() {
document.getElementById("mje3").style.display = "none";
}
function mostrarCampo4() {
document.getElementById("mje4").style.display = "block";
}
function ocultarCampo4() {
document.getElementById("mje4").style.display = "none";
}
</script>
</head>
<body>
<form name=form>
<input type="radio" name="f_2_dirNegocio" id="f_2_dirNegocio" value="S" onClick="mostrarCampo1(); ocultarCampo2(); ocultarCampo3(); ocultarCampo4()">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="mostrarCampo2(); ocultarCampo1(); ocultarCampo3(); ocultarCampo4()">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="mostrarCampo3(); ocultarCampo1(); ocultarCampo2(); ocultarCampo4();">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="mostrarCampo4(); ocultarCampo1(); ocultarCampo2(); ocultarCampo3()">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> |