Jquery Mobile - Cambio de grupo de radio

Question

Estoy seguro de que me falta algo muy obvio, ya que soy nuevo en Jquery. Estoy usando jQuery Mobile con el siguiente marcado:

<div> 
    <input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" /> 
    <label for="radio-choice-1">Option 1</label> 
</div> 
<div> 
    <input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" /> 
    <label for="radio-choice-2">Option 2</label> 
</div> 
<div> 
    <input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" /> 
    <label for="radio-choice-3">Option 3</label> 
</div> 

y yo estoy tratando de realizar una acción cuando cambia el valor.

por lo que tengo:

$(":input[@name='radio-choice-1']").change(function() { 
     alert('clicked'); 
}); 

Ahora la primera vez que seleccione una opción, el evento no se dispara. Se dispara cuando posteriormente lo cambio (es decir, la 2ª, 3ª, etc. veces) pero no el primero. Supongo que es porque no está 'cambiado' per se, solo le da un valor. Traté de cambiarlo para hacer clic, pero luego nunca se dispara.

¿Qué me falta aquí? Cualquier ayuda muy apreciada.

Answer 1

creo que esto ayudará

$(document).ready(function() { 

$(":input[@name='radio-choice-1']").live('change mousedown',function(event) { 
     alert('clicked'); 
}); 

}); 

Ejemplo de trabajo aquí http://jsfiddle.net/XVuAs/1/

Answer 2

$('input[type="radio"]').change(function() { 
     alert('clicked'); 
}); 

Por encima de código, probado y funciona bien para mí ...

Answer 3

Ejemplo vivo: http://jsfiddle.net/wWFGf/2/

Sintaxis HTML alternativo: http://jsfiddle.net/wWFGf/3/

$("[name=radio-choice-1]").change(function() { 
    alert('Selected: '+$('input[name=radio-choice-1]:checked').val()); 
}); 

Answer 4

Si se carga dinámicamente la página puede que tenga que hacer algo como esto:

$('input[type="radio"]').live('changed' function() { 
alert('clicked live'); 
});