javascript - 不同按钮 ID 的逻辑相同

我的 HTML 中有许多全选按钮，它们基本上执行相同的操作。然而，它们都有不同的 id，因为按钮代表不同的 div，其中有不同的内容。我是 JS 新手，我想知道当单击其中一个按钮时，如何在许多全选按钮上执行相同的逻辑？

我考虑将每个全选按钮放入包含所有 id 的数组中并使用

arr = [id1,id2,id3];

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

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

最佳答案

您当前的代码应该可以工作。只需确保在 ID 数组中，它们是正确的字符串(在它们两边加上引号)。另外，如果您打算在点击回调中使用 i 执行某些操作，请阅读 How do JavaScript closures work?

关于javascript - 不同按钮 ID 的逻辑相同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26617172/