復選框更改不會僅在第一次觸發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");
    }
});

它經過測試並為我工作。