JavaScript：console.log 工作但不返回是否有原因？

Question

我试图让一个复选框返回 1 或 0，具体取决于它是否被选中。我很难理解为什么这个 if 函数的返回不起作用。如果我使用 console.log 而不是 return 输出是正确的。选中时为 1 未选中时为 0。使用 return，checked 被跳过，它只返回 else 语句，所以它是 0，无论是选中还是未选中。我一般是编码新手，所以我确定我在这里遗漏了一些简单的东西。有任何想法吗？谢谢！

document.getElementById("materialLoaded").addEventListener('input', materialCheck);

function materialCheck() {

    if (this.checked) {
        return 1;
    } else {
        return 0;
    }
}

Answer 1

您在 cmets 中说过要查看检查了多少个复选框。因此，在复选框中添加一个事件侦听器（或使用事件委托），并使用一个简单的选择器查看有多少被选中。

基本概念：

const wrapper = document.querySelector("#wrapper");

const validateCheckboxes = function() {
  const checked = document.querySelectorAll(".chk:checked");
  const isValid = checked.length === 3;
  wrapper.classList.toggle("valid", isValid);
};

wrapper.addEventListener("change", validateCheckboxes);

.valid {
  background-color: green;
}

<div id="wrapper">
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
  <input type="checkbox" class="chk" />
</div>

Answer 2

肯定你不会看到任何东西，因为你没有告诉你的程序告诉你任何事情。 您是在告诉它在函数中返回一个值，但要查看它返回的值，您必须调用该函数。 例如查看你的返回值使用你的窗口调用函数：

 document.getElementById("materialLoaded").addEventListener('input', materialCheck);

function materialCheck() {

if (this.checked) {
    return 1;
} else {
    return 0;
}

window.alert(materialCheck());
 }

javascript是面向对象的，你不能写一个函数，它应该自己工作，它必须被调用。 console.log 之所以有效，是因为那里有一个对象，它是控制台调用该函数或显示您要求的内容（例如：console.log（“hello”））