以编程方式选择无线电时单选按钮更改事件不会触发

Question

在以下代码中，单击selectRadio2按钮不会触发无线电更改事件！为什么不？有没有解决方法？

HTML：

<input id="radio1" type="radio" name="radioGroup" value="One"/> 
<label for="radio1">One</label><br/> 
<input id="radio2" type="radio" name="radioGroup" value="Two"/> 
<label for="radio2">Two</label><br/> 
<input id="radio3" type="radio" name="radioGroup" value="Three"/> 
<label for="radio3">Three</label> 

<br/><br/> 
<button id="selectradio2">Select Radio 2</button> 

JS：

$("input[name=radioGroup][type=radio]").change(function() { 
    alert($(this).attr("id") + " checked"); 
}); 

$("#selectradio2").click(function() { 
    $("#radio2").prop('checked',true); 
}); 

JSFIDDLE DEMO

Answer 1

由于改变事件需要由用户，而不是通过JavaScript代码发起的实际浏览器的事件。你需要使用触发change事件：

$("#selectradio2").click(function() { 
    $("#radio2").prop('checked',true).change(); // or trigger('change') 
}); 

Updated Fiddle