Mostrar y Ocultar divs segun valor RadioButton

mandrake88 · #1 (**permalink**) 10/02/2011, 22:56

Bueno, necesito mostrar/ocultar unos divs de acuerdo al valor seleccionado en un radio button. El codigo ya lo tengo pero por algo motivo que no me doy cuenta, no esta funcionando.

El JS (embido en el html)

Código Javascript:

Ver original<script type="text/javascript">
        function toggle(elemento) {
          if(elemento.value=="a") {
              document.getElementById("uno").style.display = "none";
              document.getElementById("dos").style.display = "none";
           }else{
               if(elemento.value=="b"){
                   document.getElementById("uno").style.display = "block";
                   document.getElementById("dos").style.display = "none";
               }else{
                   if(elemento.value=="c"){
                        document.getElementById("uno").style.display = "none";
                        document.getElementById("dos").style.display = "block";
                    }  
                }
            }
</script>

el Codigo del form:

Código HTML:

Ver original<fieldset class="fields2">
    <dl>
        <dt><label>Cual opcion:</label></dt>
        <dd>
            <input type="radio" name="tipo_attach" onclick="toggle(this)" value="a"> Opcion a<br>
            <input type="radio" name="tipo_attach" onclick="toggle(this)" value="b" > Opcion b<br>
            <input type="radio" name="tipo_attach" onclick="toggle(this)" value="c"> Opcion c
        </dd>
    </dl>
</fieldset>
 
<div id="uno" style="display:none">
<p>Hola, soy el div Uno</p>
</div>
 
<div id="dos" style="display:none">
<p>Hola, soy el div dos</p>
</div>

La consola del navegador, cuando hago click en algun radio button, me devuelve el siguiente mensaje:

Cita:

Uncaught ReferenceError: toggle is not defined

walterdevel · #2 (**permalink**) 10/02/2011, 23:17

Te falta cerrar una llave en la función "}".

mandrake88 · #3 (**permalink**) 10/02/2011, 23:29

Jajaja!

2:30 am + programar = error tonto = post ridiculo en forosdelweb!

Gracias walter!

helenp · #4 (**permalink**) 24/11/2013, 04:26

Gracias, por este script, es lo que estaba buscando,
no entiendo mucho de javascript.
Lo tengo funcionando, y esta perfecto,
pero me gustaría que una de las dos opciones de los valores del radiobutton se mostrase por defecto al entrar en la pagina.
Y para conseguirlo he añadido un checked y he probado con añadir un onload para la misma función, pero no funciona:
<input name="a" type="radio" onclick="toggle(this)" onload="toggle(this)" value="1" checked>

helenp · #5 (**permalink**) 24/11/2013, 04:45

Usando mi amigo google, encontré que onload solo funciona en el body,
y despues probando, lo conseguí añadiendo esto al body:
<body onload="onload();">

y despues añadiendo esta función:
function onload() {
document.getElementById("uno").style.display = "block";
document.getElementById("uno2").style.display = "block";
document.getElementById("uno3").style.display = "block";
document.getElementById("uno4").style.display = "block";
document.getElementById("dos").style.display = "none";
document.getElementById("dos2").style.display = "none";
document.getElementById("dos3").style.display = "none";
}

Hay alguna manera mejor para no tener que poner <body onload="onload();"> en todos los documentos donde esta el formulario (la web entera),
directamente en el formulario?