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

Question

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

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

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

Answer 1

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

<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