JavaScript继续检查是否选中了复选框

Question

连续检查复选框是否被检查的好方法是什么。

检查是否检查过。

我想创建一个间隔，但我不喜欢它。

if(checkboxPencil.checked) 

Answer 1

你基本上有两个选择：

1. 为change事件

使用事件处理程序

2. 使用setInterval或类似

进行投票

在这两者中，＃1是迄今为止更好的选择，除非你有充分的理由不使用该事件。

以下是＃1的一个例子：

＆＃13;
＆＃13;
// The selector can be any valid CSS selector identifying the checkbox
document.querySelector("input[type=checkbox]").addEventListener("change", function() {
  console.log("New value is: " + this.checked);
}, false);
＆＃13;
<label>
  <input type="checkbox">
  Checkbox
</label>
＆＃13;
＆＃13;
＆＃13;

Answer 2

查看所有现代浏览器都支持的onchange Event。

如果选中该复选框，您希望执行的功能是什么，您可以从onchange事件处理程序执行此操作。例如：

＆＃13;

＆＃13;

function changeStatus(o) {
  document.getElementById('status').innerText = o.checked;
}

＆＃13;

<input id="check" type="checkbox" onchange="changeStatus(this)" />
<span id="status">false</span>

＆＃13;

＆＃13;

＆＃13;