javascript - 将 eventListener 添加到复选框

Question

我可以在 JavaScript 中添加一个 eventListener 到一个复选框，还是我必须使用 html onclick = someFunc() 中的属性来触发一个功能。 我设置了一个 fiddle我尝试在其中添加一个 eventListener，但这并没有给我预期的输出。

var checkb = document.getElementById("checkbox1");

(function() {

    checkbFunc(checkb);

    function checkbFunc(checkb) {
        checkb.addEventListener("click", function(e) {
            if (checkb.checked) {
                alert("i am checked");

            } else {
                alert("i am not checked")
            }
        });
    }
});

Answer 1

是的，你可以。只需从所有函数中解包您的代码，然后改用 change 事件，它应该可以正常工作

var checkb = document.getElementById("checkbox1");

checkb.addEventListener("change", function(e) {
    if (this.checked) {
        alert("i am checked");
    } else {
        alert("i am not checked")
    }
});

FIDDLE