选中所有复选框并在单击全部复选框时将其克隆到另一个表中

<table id="originalTable">
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>复选框1</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>复选框2</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>复选框3</td>
  </tr>
</table>

<table id="clonedTable">
  <!-- 克隆的复选框将在这里显示 -->
</table>

// 获取原始表格和克隆表格的引用
var originalTable = document.getElementById("originalTable");
var clonedTable = document.getElementById("clonedTable");

// 获取所有复选框的引用
var checkboxes = originalTable.getElementsByClassName("checkbox");

// 监听复选框的点击事件
for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener("click", function() {
    // 检查是否全部复选框都被选中
    var allChecked = true;
    for (var j = 0; j < checkboxes.length; j++) {
      if (!checkboxes[j].checked) {
        allChecked = false;
        break;
      }
    }

    // 如果全部复选框都被选中，则克隆到另一个表格中
    if (allChecked) {
      var clonedCheckbox = this.cloneNode(true);
      clonedTable.appendChild(clonedCheckbox.parentNode.parentNode.cloneNode(true));
    }
  });
}