以編程方式選擇無線電時單選按鈕更改事件不會觸發

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