生成一个控制全选代码，当全部选中，全选自动选中

要生成一个控制全选的代码，使得当全部选中时，全选自动选中，可以使用以下示例代码：

// HTML部分
<input type="checkbox" id="selectAll"> 全选
<input type="checkbox" class="checkbox" value="1">
<input type="checkbox" class="checkbox" value="2">
<input type="checkbox" class="checkbox" value="3">

// JavaScript部分
var selectAllCheckbox = document.getElementById("selectAll");
var checkboxes = document.getElementsByClassName("checkbox");

selectAllCheckbox.addEventListener("change", function() {
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = selectAllCheckbox.checked;
  }
});

for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener("change", function() {
    var allChecked = true;
    for (var j = 0; j < checkboxes.length; j++) {
      if (!checkboxes[j].checked) {
        allChecked = false;
        break;
      }
    }
    selectAllCheckbox.checked = allChecked;
  });
}

在上述代码中，我们首先获取全选复选框的引用和其他复选框的引用。然后，我们为全选复选框添加一个 "change" 事件监听器。

当全选复选框的状态改变时，我们遍历所有其他复选框，并将它们的状态设置为与全选复选框相同。这样就实现了当全部选中时，全选自动选中的功能。

接下来，我们为每个其他复选框也添加一个 "change" 事件监听器。当其他复选框的状态改变时，我们遍历所有复选框，检查它们的状态。如果有一个复选框未选中，我们将全选复选框的状态设置为未选中；如果所有复选框都被选中，我们将全选复选框的状态设置为选中。

这样，通过以上代码，就可以实现控制全选的功能，并且当全部选中时，全选自动选中。