如何在单击按钮时按特定复选框名称选择/取消选择多个CheckBoxes

<button id="selectButton">选择/取消选择</button>

<input type="checkbox" class="checkbox" data-name="checkbox1"> 复选框1
<input type="checkbox" class="checkbox" data-name="checkbox2"> 复选框2
<input type="checkbox" class="checkbox" data-name="checkbox3"> 复选框3

var selectButton = document.getElementById("selectButton");
var checkboxes = document.getElementsByClassName("checkbox");

selectButton.addEventListener("click", function() {
  // 在这里编写选择/取消选择多个复选框的逻辑
});

selectButton.addEventListener("click", function() {
  var targetCheckboxName = "checkbox1"; // 指定特定复选框名称

  for (var i = 0; i < checkboxes.length; i++) {
    var checkbox = checkboxes[i];
    var checkboxName = checkbox.getAttribute("data-name");

    if (checkboxName === targetCheckboxName) {
      checkbox.checked = !checkbox.checked; // 切换选择状态
    }
  }
});