(Jquery), Radio buttons

[astut]

Hola, digamos que tengo dos radio buttons:
[HTML]
<form id="formulario">
<input type="radio" name="opcion" id="opcion" value="opcion1" checked="checked"/>
<input type="radio" name="opcion" id="opcion" value="opcion2"/>
</form>
[/HTMÑ]

La cosa esque desde jquery intento hacer una cosa u otra dependiendo de que radio button esta seleccionado:

Código HTML:

switch ($(".edicion_eventos:checked").val())
{
 case 'opcion1':
  alert('opcion1 seleccionada');
 break;

case 'opcion2':
  alert('opcion2 seleccionada');
 break;
}

Pero no funciona, ¿Como lo hago correctamente?

Muchas gracias!

[_Ju]

Esta parte ".edicion_eventos" se refiere a una clase CSS, pero en los radios no tienes esa clase asignada; por eso no te toma ningun valor.

Puedes intentar con esto

Código:

$("radio").click(function(){
    valor = $(this).attr("value");
    alert (valor);
})

[astut]

Vaya gracias por contestar _Ju, pero me gustaria comprobarlo sin tener que pasar por comprobar si se clickea uno u otro, osea indirectamente como yo pretendo

A ver si alguien sabe.

[astut]

¿Alguien tiene idea de como hacelro?

Gracias!

[eall]

veo dos potenciales problemas. 1.- los ID son únicos por lo que debes colocar uno distinto para cada cual. 2.- si buscas por una clase específica debes asignarla a los inputs.

Código html:

<form id="formulario">
<input type="radio" class="edicion_eventos" name="opcion" id="opcion1" value="opcion1" checked="checked"/>
<input type="radio" class="edicion_eventos" name="opcion" id="opcion2" value="opcion2"/>
</form>
 

Tu función debiera funcionar si problemas.

Código javascript:

function verificar(){
switch ($(".edicion_eventos:checked").val())
{
 case 'opcion1':
  alert('opcion1 seleccionada');
 break;
 
case 'opcion2':
  alert('opcion2 seleccionada');
 break;
}
}
 

espero sea eso.

Exito.

[astut]

Muchas gracias eso era!

Saludos!

[crashsafe]

el que usen la misma id no es el problema

Código html:

<form id="formulario">
<input type="radio" class="edicion_eventos" name="opcion" id="opcion" value="opcion1" checked="checked"/>
<input type="radio" class="edicion_eventos" name="opcion" id="opcion" value="opcion2"/>
</form>
 

Es la forma como usas los selectores en jQuery

Código javascript:

function verificar(){
switch ($('input[name=opcion]:checked').val())
{
 case 'opcion1':
  alert('opcion1 seleccionada');
 break;
 
case 'opcion2':
  alert('opcion2 seleccionada');
 break;
}
}
 

Espero te funcione