Jquery Mobile - radio 组更改

Question

我确信我错过了一些非常明显的东西，因为我刚接触 Jquery。我正在使用带有以下标记的 Jquery Mobile:

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

我试图在值发生变化时执行操作。

所以我有:

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

现在，当我第一次选择一个选项时，该事件不会触发。当我随后更改它时(即第二次、第三次等)，它确实会触发，但不是第一次。我认为这是因为它本身没有被“改变”，只是被赋予了一个值。我尝试将其更改为单击，但它从未触发。

我在这里缺少什么？非常感谢任何帮助。

Answer 1

实例:http://jsfiddle.net/wWFGf/2/

备用 HTML 语法:http://jsfiddle.net/wWFGf/3/

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