Ayuda con eventos en radiobutton

[J0hn5x]

Hola, estoy tratando de hacer que al seleccionar el radiobuton de id "elegido" (opcion 3) me muestre el alerta "ok" y si no esta seleccionado osea si seleccionan otra opcion entonces que me muestre el alert "error" esa funcionalidad seria suficiente para poder implementarlo en lo que quiero hacer, pero no lo logro e intente de muchas formas pero me falta una ayudita, esto es lo que logre

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
    if($('#elegido').is(':checked'))
         alert('ok');
     else
         alert('error');
});
</script>
 

Código HTML:

Opcion 1 <input type="radio" name="test" value="opcion 1" /><br />
Opcion 2 <input type="radio" name="test" value="opcion 2" /><br />
Opcion 3 <input type="radio" name="test" value="opcion 3" id="elegido" />
 

Con esto aun no logro mi objetivo, probe introducirlo en el evento click, blur y otros pero solo se ejecutan una vez o tal vez lo haga mal, alguien podria darme una manito.
Gracias de ante mano
Saludos

[mayid]

Tenes que encuadrar tu codigo en un evento click o un evento change. De otra manera tu script no se entera de nada.

[J0hn5x]

Iniciado por mayid

Tenes que encuadrar tu codigo en un evento click o un evento change. De otra manera tu script no se entera de nada.

efectivamente fue lo primero que hice pero no me da el resultado que espero

Código Javascript:

$(document).ready(function(){
    $('#elegido').click(function(){
        if($('#elegido').is(':checked'))
            alert('ok');
        else
            alert('error');
    });
});
 

El codigo se ejecuta bien cuando se hace click sobre el 3 radiobuton, devuelve el alert "ok" pero cuando eligen a otro radiobuton no me devuelve el alert error, tambien probe con el evento change y sigo con el mismo problema

[mayid]

Te paso el codigo que escribí la semana pasada para un switcher:

Código Javascript:

activo = $("input:checked");
 
$(":radio").change(function(){
    activo.next("span").toggle();
    activo = $(this);
    activo.next("span").toggle();
});
 

Eso hace que un radio button muestre y oculte un mensaje en un span que tiene al lado. Por ahi te sirve tomar algo de aqui. Los selectores mas que nada.

[J0hn5x]

Iniciado por mayid

Te paso el codigo que escribí la semana pasada para un switcher:

Código Javascript:

activo = $("input:checked");
 
$(":radio").change(function(){
    activo.next("span").toggle();
    activo = $(this);
    activo.next("span").toggle();
});
 

Eso hace que un radio button muestre y oculte un mensaje en un span que tiene al lado. Por ahi te sirve tomar algo de aqui. Los selectores mas que nada.

Muchas gracias por tu ayuda, veo que mi problema era como llamaba al input, en lugar del nombre de id le cambie por ":radio" junto al evento change y fue la gran solucion.. estuve tan cerca jeje.. gracias amigo