Jquery Mobile -电台组更改

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');
});

现在，当我第一次选择一个选项时，事件不会触发。当我随后更改它时(例如，第二次、第三次等)，但不是第一次，它就会触发。我认为这是因为它本身并没有被“改变”，只是被赋予了一个值。我试着把它改成click，但它永远不会触发。

这里我漏掉了什么？任何帮助都非常感谢。

Answer 1

我想这会有帮助的

$(document).ready(function() {

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

});

此处的工作示例http://jsfiddle.net/XVuAs/1/

Answer 2

现场示例：http://jsfiddle.net/wWFGf/2/

替代超文本标记语言语法：http://jsfiddle.net/wWFGf/3/

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

Answer 3

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

上面的代码，测试和工作良好，为我…