javascript - 如何使未选中的复选框值为 0 和选中的值为 1？

Question

我正在制作一个带有声明的简单注册表单，询问用户是否已阅读条款和条件，但是当我控制台记录复选框的值时，它不会根据是否选中而改变。我该怎么做呢？我见过其他人问过这个问题，但他们使用的是像 jQuery 这样的 JS 库，我没有使用，所以你如何仅使用基本的 JS 和 HTML 来区分选中和未选中的值

<div class="item">
          <input type="checkbox" id="checkbox" value="1">
          <label>I accept the <a id="termsLink" href="https://imgur.com/5lXi3Lc" target="_blank">Terms and Conditions</a></label>
        </div>

这是包含复选框的 div。

标签： javascripthtmlinputcheckbox

Answer 1

您可以使用以下.checked方法：

var checkBox = document.getElementById("checkbox");
if(checkbox.checked){
      console.log("checked");
}
else{
     console.log("unchecked");
}