用js写一个购物车全选功能

假设购物车中每个商品的选择框的class为"checkbox"，全选按钮的id为"selectAll"，则可以使用以下代码实现：

// 获取全选按钮和所有商品选择框
const selectAll = document.getElementById("selectAll");
const checkboxes = document.querySelectorAll(".checkbox");

// 给全选按钮添加点击事件
selectAll.addEventListener("click", function() {
  // 如果全选按钮被勾选，则勾选所有商品选择框；否则取消勾选所有商品选择框
  if (selectAll.checked) {
    checkboxes.forEach(function(checkbox) {
      checkbox.checked = true;
    });
  } else {
    checkboxes.forEach(function(checkbox) {
      checkbox.checked = false;
    });
  }
});

// 给每个商品选择框添加点击事件
checkboxes.forEach(function(checkbox) {
  checkbox.addEventListener("click", function() {
    // 检查是否所有商品选择框都被勾选，如果是，则勾选全选按钮；否则取消勾选全选按钮
    let allChecked = true;
    checkboxes.forEach(function(checkbox) {
      if (!checkbox.checked) {
        allChecked = false;
      }
    });
    selectAll.checked = allChecked;
  });
});