不同按钮ID的逻辑相同

Question

我的HTML中有很多select all个按钮，基本上可以做同样的事情。但是它们都有不同的ID，因为按钮代表不同的divs，其中包含不同的内容。我是JS的新手，我想知道如何在点击其中一个按钮时在多个select all按钮上执行相同的逻辑？

我想过将每个select all按钮放在一个包含所有id的数组中并使用

arr = [id1,id2,id3];

for (var i = 0; i < arr.length; i++) {
  var k = document.getElementById(arr[i]);
  k.onclick = function() {//...logic...}
}

我是JS的新手，所以我不确定这是否是一个很好的方法来解决

Answer 1

您当前的代码应该有效。只需确保在ID数组中，它们是正确的字符串（在它们周围加上引号）。另外，如果您计划在点击回调中使用i做某事，请阅读How do JavaScript closures work?