Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Mostrar/ocultar varios div con radio

Estas en el tema de Mostrar/ocultar varios div con radio en el foro de Javascript en Foros del Web. hola buenas tardes les agradeceria muchisimo su apoyo aun estoy muy pollo en html y php, pero, me pidieron hacer una pagina en la empresa ...
  #1 (permalink)  
Antiguo 19/02/2013, 18:01
 
Fecha de Ingreso: febrero-2013
Ubicación: Xalapa, ver
Mensajes: 1
Antigüedad: 11 años, 2 meses
Puntos: 0
Mostrar/ocultar varios div con radio

hola buenas tardes
les agradeceria muchisimo su apoyo aun estoy muy pollo en html y php, pero, me pidieron hacer una pagina en la empresa en resumen mi pregunta es: tengo 4 radio´s y 4 divs cada div corresponde aun radio, mi pregunta es como puedo hacer para que cuando seleccione un radio me oculte los otros 3 div's y asi sucesivamente cada vez que seleccione otro div, este seria mi codigo simplificado, saludos

Código HTML:
<html>
<head>
<title>:: Prueba con DIV ::</title>
</head>
<body>
    <div>
        <input type=radio name=CAJA value=SUCURSAL id="I_sucursal"  CHECKED>SUCURSAL<br>
        <input type=radio name=CAJA value=ZONA id="I_zona">ZONA<br>
        <input type=radio name=CAJA value=SUPERVISOR id="I_supervisor">SUPERVISOR<br>
        <input type=radio name=CAJA value=NO_NOMINA id="I_no_nomina">NO. NOMINA<br>  
    </div> <P></p>    
    <div id="D_SUCURSAL" style="display:none;">
        <label for="sucursal">seleccionaste SUCURSAL</label>
    </div>
    <div id="D_ZONA" style="display:none;">
        <label for="zona">seleccionaste ZONA</label>
    </div>
    <div id="D_SUPERVISOR" style="display:none;">
        <label for="sucursal">seleccionaste SUPERVISOR</label>
    </div>
    <div id="D_NO_NOMINA" style="display:none;">
        <label for="zona">seleccionaste NO_NOMINA</label>
    </div>
</body>
</html> 

Etiquetas: html, input, mostrar-ocultar, php, radio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:51.