我有一个带有此复选框的页面：

<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>
</div>

和下面的js代码：

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

事件更改从我第二次选中/取消选中复选框时触发。我无法使其从第一次单击选中起工作。