Tema: hacer aparecer un div al seleccionar radiobutton
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 27/02/2014, 13:10
Avatar de PIRRUMAN
PIRRUMAN
 
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 19 años
Puntos: 53
Respuesta: hacer aparecer un div al seleccionar radiobutton
con una funcion
Código HTML: 
Ver original
  1. <script type="text/javascript">
  2. function MostrarOcultar(valor)
  3. {
  4.     var Div1=document.getElementById('div1');
  5.     var Div2=document.getElementById('div2');
  6.     var DivI=document.getElementById('inicial');
  7.     Div1.style.display='none';
  8.     Div2.style.display='none';
  9.     DivI.style.display='none';
  10. if(valor ==1)
  11. {
  12.   Div1.style.display='';
  13. }
  14. else if(valor==2)
  15. {
  16.   Div2.style.display='';
  17. }
  18. else
  19. {
  20.     DivI.style.display='';
  21. }
  22. }
  23. </script>
  24.  
  25. <label><input type="radio" value="1" name="contacto" onClick="MostrarOcultar(this.value)">SI</label>
  26. <label><input type="radio" value="2" name="contacto" onClick="MostrarOcultar(this.value)">NO</label>
  27.  
  28. <div id="inicial">Elija</div>
  29. <div id="div1" style="display:none">div si</div>
  30. <div id="div2" style="display:none">div no</div>
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”