javascript - 第一次单击复选框时未调用该函数

在选中复选框时，我需要调用一个函数。第一次选中该复选框时，不会调用该函数，而如果再次选中它，则该函数将被成功调用。请帮我解决这个问题。在这里，我展示了我的HTML和功能的一部分。

<input type="checkbox" id="checkThen" onchange="LoadContactDetails()">

function LoadContactDetails() {
    $("#checkThen").change(function () {
        if ($(this).is(":checked")) {
            // ..........
         }
        else {
            // ..........
        }
    });
}

最佳答案

如果您要附加内联事件处理程序，请使用，

<input type="checkbox" id="checkThen" onchange="LoadContactDetails(this)" />

function LoadContactDetails(element) {
    alert(element.checked);
}

DEMO

要么

如果要使用jQuery事件处理程序使用，

<input type="checkbox" id="checkThen" />

$(function() {
    $("#checkThen").change(function () {
        if (this.checked) {
            // checked
         }
        else {
            // unchecked
        }
    });
});

DEMO