主页 / 问题 / 1392412
Accepted
realHikkan
Asked:2022-08-22 12:37:31 +0800 CST2022-08-22 12:37:31 +0800 CST

js复选框不起作用

  • 772

最简单的复选框检查不起作用。alert总是输出No。我不知道有什么问题

let check = document.getElementById('valueName');

if (check.checked) {
  alert('Yes');
} else {
  alert('No')
}
<input type="checkbox" id="valueName">
<label for="valueName">Чекбокс</label>

javascript

1 个回答

  1. Best Answer

    您在脚本初始化时进行了一次检查。此时，复选框处于非活动状态，因此No. 要检查复选框的状态变化，您需要为此类事件添加监听器：

    let check = document.getElementById('valueName');

check.addEventListener('change', function() {
  if (check.checked) {
    alert('Yes');
  } else {
    alert('No')
  }
});
    <input type="checkbox" id="valueName">
<label for="valueName">Чекбокс</label>

    • 2

相关问题