複選框變化不會觸發jQuery的事件僅第一次

Question

我有一個頁面，此複選框：

<div class="col-md-12"> 
      <div class="btn-group" data-toggle="buttons"> 
      <label class="btn btn-primary btn-xs "> 
       <input id="informativa" type="checkbox" autocomplete="off" checked> 
       <span class="glyphicon glyphicon-ok"></span> 
      </label> 
      </div> 
      (*) label 
     </div> 

而下面的JS代碼：

$(document).ready(function(){ 


    $("#informativa").on("change", function(event){ 
     if(this.checked) { 
      alert("Checked"); 
      return; 
     } 
     alert("Unchecked"); 
    }); 

}); 

事件，改變從第二剛剛解僱我檢查/取消選中該框。我無法從第一次點擊檢查開始工作。

Answer 1

你可以嘗試這樣的 -

$("#informativa").change(function() { 
    if($(this).is(":checked")) { 
     alert("Checked"); 
    }else{ 
     alert("Unchecked"); 
    } 
}); 

它的測試，併爲我工作。