javascript - 复选框更改仅在第一次时不会触发 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>
</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");
    }
});

它已经过测试并且适合我。