引导-使用javascript选中所有复选框

我使用bootstrap具有以下HTML结构。我需要选择一个复选框来选择所有的复选框，但是我测试的javascript代码不起作用，我不太擅长javascript。我认为这些代码不起作用，因为它们没有考虑使用引导的活动类

以下javascript不适用于我：

    <script>
    function toggle(source) {
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i] != source)
    checkboxes[i].checked = source.checked;
    }
    }
    </script>

试验

---

我的复选框的ID是由PHP中的循环foreach生成的。尝试使用Html时，您可以在复选框中添加事件onclick以选中/取消选中所有复选框：

<input type="checkbox" id="selectall" name="selectall" autocomplete="off" checked onclick="eventCheckBox()">

更新：

要不依赖于id名称，可以使用：

function eventCheckBox() {
  let checkboxs = document.getElementsByTagName("input");
  for(let i = 0; i < checkboxs.length ; i++) { //zero-based array
    checkboxs[i].checked = !checkboxs[i].checked;
  }
}

换行

 <input type="checkbox" id="selectall" name="selectall" autocomplete="off" checked>

到

---

请更新您的问题，以便它显示您尝试过的所有相关JavaScript代码，并显示您在一个应用程序中面临的特定问题。有关更多信息，请参阅帮助文章：它可能有效，但我的复选框的id是由PHP中的循环foreach生成的。@Jorgeguilar，是的，但如果您再努力一点，您可以根据需要更改我的代码，以便了解更多信息，无论如何，我更新了不依赖于id的代码，如果您有更多的限制，请尝试首先进行尝试，如果您有问题，请提出问题。我已经尝试了此代码，并且在不使用引导程序时它可以工作。但是，当我使用引导时，它停止工作，我认为这是因为引导会动态地将活动类添加到包含复选框输入的标签中。也就是说，当一个复选框被激活时，引导会添加激活的类来添加该复选框。

function eventCheckBox() {
  let checkboxs = document.getElementsByTagName("input");
  for(let i = 0; i < checkboxs.length ; i++) { //zero-based array
    checkboxs[i].checked = !checkboxs[i].checked;
  }
}

 <input type="checkbox" id="selectall" name="selectall" autocomplete="off" checked>

<input type="checkbox" id="selectall" name="selectall" onclick="toggle(this)" autocomplete="off" checked>

 function toggle(source) {

toggle = function(source) {