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

经过测试并为我工作。