當按鈕執行檢查操作時，更改不起作用

Question

我有這些有更改事件的複選框。當我通過button.Change事件檢查這些複選框不會觸發。它出什麼問題了？

的Html

<button>aaa</button> 
    <input type="checkbox"> 
    <input type="checkbox"> 
    <input type="checkbox"> 
    <input type="checkbox"> 
    <input type="checkbox"> 
    <input type="checkbox"> 

jQuery的

$(':checkbox').on('change',function(){ 
alert("checked"); 
}); 

$('button').on('click',function(){ 
    $(':checkbox').prop('checked',true); 
}); 

演示http://jsbin.com/idiweJo/1/

Answer 1

只是在按鍵檢測之後再次調用函數改變點擊

$('button').on('click',function(){ 
    $(':checkbox').prop('checked',true).change(); 
}); 

注：因爲要檢查所有的複選框，改變事件被激發每個複選框..

Answer 2

你必須使用觸發器功能的..

檢查這個jsfiddle。 http://jsfiddle.net/gkCfZ/

$(':checkbox').on('change',function(){ 
alert("checked"); 
}); 

$('button').on('click',function(){ 
    $(':checkbox').prop('checked',true); 
    $(':checkbox').trigger("change"); 
});