Foros del Web » Programando para Internet » Javascript »

Javascript y radio buttons

Estas en el tema de Javascript y radio buttons en el foro de Javascript en Foros del Web. Hola, buenas tardes. Miren, les formulo mi pregunta a ver si alguno me puede ayudar un poquito.... Necesito poner 3 radios buttons (en HTML) que ...
  #1 (permalink)  
Antiguo 09/04/2012, 13:03
 
Fecha de Ingreso: noviembre-2010
Mensajes: 16
Antigüedad: 13 años, 4 meses
Puntos: 0
Pregunta Javascript y radio buttons

Hola, buenas tardes.

Miren, les formulo mi pregunta a ver si alguno me puede ayudar un poquito....

Necesito poner 3 radios buttons (en HTML) que al pinchar sobre uno me cambie el texto de abajo.
Me explico.
Radio button1 -> Opcion1
Radio button2 -> Opcion2
Radio button3 -> Opcion3
La duda es, que cuando pinche sobre opcion1, me ponga debajo un texto, evidentemente que cuando pinche sobre opcion2, me ponga abajo, así al igual con opcion3.
La idea sería con radio buttons y Javascript pero si sería más fácil con enlaces en las palabras (Opcion1, Opcion2, Opcion3), pues con enlaces.

No se si alguien me ha entendido

Espero que sí, muchísimas gracias de antemano!!
Salu2!!

Edito---------
Me refiero a esto: http://www.recursosmoviles.com/
(darle a registrarse y cambiar de webmaster o empresa)
  #2 (permalink)  
Antiguo 09/04/2012, 13:31
Avatar de andrexsos17  
Fecha de Ingreso: enero-2011
Ubicación: Manizales
Mensajes: 169
Antigüedad: 13 años, 2 meses
Puntos: 15
Respuesta: Javascript y radio buttons

Hola
@xiwen93 lo que pides es algo sencillo, como dices es con javascript, si usas alguna libreria te ayudaria bastante (jquery por ejemplo). Si lo deseas hacer con javascript tambien es sencillo. solo debes agregar lo que deseas "cambiar" dentro de un contenedor(por ej un <div>) y en el evento onclick de tus radiobuttons ocultar y mostrar ya sea una u otra capa.

Para no dartelo tan facil (y asi aprendas) mira aca informacion de eventos javascript y aqui información jquery.

Cualquier duda avisa que te vamos ayudando

Saludos!!
__________________
Todo problema es una forma mental que la mente sostiene. Los problemas dejan de existir cuando los olvidamos. Todo problema ha sido creado por la mente y existe mientras la mente lo sostenga.
  #3 (permalink)  
Antiguo 09/04/2012, 14:29
Avatar de gjx2  
Fecha de Ingreso: agosto-2008
Ubicación: R.D
Mensajes: 1.153
Antigüedad: 15 años, 7 meses
Puntos: 139
Respuesta: Javascript y radio buttons

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3.     function pasaValor( radio ){
  4.                
  5.                
  6.        
  7.                 if( radio.checked == true ){
  8.                    
  9.                     document.getElementById('opText').value = radio.value;
  10.                 }
  11.     }
  12.  
  13.  
  14. </script>
  15.  
  16.  
  17.  
  18. <div>
  19. opcion 1<input type="radio" name="radio" value="Opcion Numero Una" onChange="pasaValor(this)">
  20.     opcion 2<input type="radio" name="radio" value="Opcion Numero dos" onChange="pasaValor(this)">
  21.     opcion 3<input type="radio" name="radio" value="Opcion Numero tres" onChange="pasaValor(this)">
  22.    
  23.  
  24. <input type="text" value="" name="opcionesText" id="opText">
  25. </div>

Esta muy joven para adicionarse con jquery , es bueno que vaya aprendiendo javascript puro.
  #4 (permalink)  
Antiguo 09/04/2012, 14:40
Avatar de zalito12  
Fecha de Ingreso: noviembre-2011
Ubicación: Coruña, España
Mensajes: 430
Antigüedad: 12 años, 4 meses
Puntos: 67
Respuesta: Javascript y radio buttons

Bueno ya te han respondido pero fijandome en tu pregunta tu hablabas de poner un texto por pantalla y la solución que te dieron funciona con un campo de texto.

Como yo haría para tu caso sería crear un div, por ejemplo <div id="opText"></div>
Y en el código JS tendrías q cambiar:
Código PHP:
document.getElementById('opText').value radio.value
por:
Código PHP:
document.getElementById('opText').innerHTML "Mi texto"

Etiquetas: html, 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 08:49.