javascript - 如何检查复选框是否在 Javascript 中被选中

Question

我需要制作 5 个复选框，它们都有一个值，从 1 到 5，当我选中一个时，我需要在文本框中打印出值，我可以取消选中复选框，数字消失。我的问题在于在未选中的部分，我似乎无法找到一种方法在未选中时从文本框中删除值。我试过了

if( aInput[0].checked == false){

    aTxt[0].value = aInput[0].value;

}

但是没有效果

Answer 1

根据 MDN ，获取复选框的值属性的结果将始终为字符串“on”或您在别处指定的其他值。当您选中或取消选中该框时，它不会改变。

因此，文本框的值将始终设置为相同的值。

自己看看:

checkbox = document.getElementById("checkbox");

checkbox.addEventListener('change', function(e) {
  console.log(checkbox.checked, checkbox.value);
});

<input id="checkbox" type="checkbox">

您需要修改您的代码，例如如下:

if (aInput[0].checked) {
    aTxt[0].value = aInput[0].value;
} else {
    aTxt[0].value = ''; // define a value
}