每个订单列表项添加一个复选框,怎么全选

要实现全选功能，可以在页面中添加一个“全选”复选框，并为其添加一个事件监听器。当“全选”复选框的状态改变时，遍历所有订单列表项的复选框，将它们的状态设置为与“全选”复选框相同。

以下是一个简单的示例代码，演示如何使用 JavaScript 实现订单列表的全选功能：

// 获取“全选”复选框和所有订单列表项的复选框
const selectAllCheckbox = document.querySelector('#select-all');
const orderItemCheckboxes = document.querySelectorAll('.order-item input[type="checkbox"]');

// 添加“全选”复选框的事件监听器
selectAllCheckbox.addEventListener('change', () => {
  // 遍历所有订单列表项的复选框，将它们的状态设置为与“全选”复选框相同
  orderItemCheckboxes.forEach((checkbox) => {
    checkbox.checked = selectAllCheckbox.checked;
  });
});

在上面的代码中，我们首先获取了“全选”复选框和所有订单列表项的复选框。然后，我们为“全选”复选框添加了一个事件监听器，在监听器中遍历所有订单列表项的复选框，将它们的状态设置为与“全选”复选框相同。这样，当“全选”复选框的状态改变时，所有订单列表项的复选框都会随之改变，实现了全选功能。