Javascript y radio buttons

[xiwen93]

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)

[andrexsos17]

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!!

[gjx2]

Código Javascript:

<script type="text/javascript">
 
    function pasaValor( radio ){
                
                
        
                if( radio.checked == true ){
                    
                    document.getElementById('opText').value = radio.value;
                }
    }
 
 
</script>
 
 
 
<div>
opcion 1<input type="radio" name="radio" value="Opcion Numero Una" onChange="pasaValor(this)">
    opcion 2<input type="radio" name="radio" value="Opcion Numero dos" onChange="pasaValor(this)">
    opcion 3<input type="radio" name="radio" value="Opcion Numero tres" onChange="pasaValor(this)">
    
 
<input type="text" value="" name="opcionesText" id="opText">
</div>
 

Esta muy joven para adicionarse con jquery , es bueno que vaya aprendiendo javascript puro.

[zalito12]

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";