javascript - 在许多更改的复选框之一上运行 javascript 函数

Question

我想在选中或取消选中复选框时运行一个函数。不过，我有大约 70 个复选框。它们都在一个 div 内。我怎样才能编写一个命令来对其中任何一个的更改使用react？

Answer 1

事件会冒泡，因此您只需将 onchange 处理程序附加到 div 并使用 e.target 即可获取已更改的复选框。这是一个简单的示例:

HTML:

<div id="checkbox-container">
    <input type="checkbox" name="one" />
    <input type="checkbox" name="two" />
    <input type="checkbox" name="three" />
    <input type="checkbox" name="pizza" />
</div>

​Javascript:

document.getElementById('checkbox-container').onchange = function(e){
    alert(e.target.name);
}​

And here's a JSFiddle