Question

我不知道这是否可能，或者正确的解决方案是什么，但我有4个复选框class="buttons"我希望运行不同的功能，具体取决于复选框是选中还是取消选中。

change显然会检测到检查和取消检查。有没有办法区分它们（仅限javascript）？

document.addEventListener("check", function(){alert("checked");})
document.addEventListener("uncheck", function(){console.log("unchecked");})

Answer 1

在change处理程序中，this是元素，this.checked为您提供描述复选框状态的布尔值。

my_checkbox.addEventListener("change", function(event) {
    if (this.checked)
        console.log("checked");
    else
        console.log("not checked");
}, false);

Answer 2

myCheckbox.addEventListener("change", function(e){
         if(e.target.checked) 
              alert("checked");
          else
              alert('unchecked');
});

addEventListener检测更改类型

2 个答案: