用jQuery写个购物车全选代码

以下是使用 jQuery 实现购物车全选功能的代码：

HTML:

<input type="checkbox" id="check-all">全选
<ul>
  <li><input type="checkbox" class="check-item">商品1</li>
  <li><input type="checkbox" class="check-item">商品2</li>
  <li><input type="checkbox" class="check-item">商品3</li>
  <li><input type="checkbox" class="check-item">商品4</li>
</ul>

JavaScript/jQuery:

$(function() {
  // 全选功能
  $('#check-all').click(function() {
    $('.check-item').prop('checked', this.checked);
  });
  
  // 子复选框个数
  var checkboxs = $('.check-item');
  // 绑定单击事件
  checkboxs.click(function() {
    // 如果选中的子复选框个数等于总复选框个数就选中全选复选框，否则取消全选复选框
    $('#check-all').prop('checked', checkboxs.length === checkboxs.filter(':checked').length);
  });
});

首先，我们在 HTML 中添加一个全选复选框和一些子复选框，每个子复选框对应一个商品。然后，在 jQuery 中，我们使用 click() 方法将全选复选框的选中状态同步到所有子复选框，使其全部选中或全部取消选中。同时，我们绑定了每个子复选框的 click() 方法，当任意子复选框的选中状态发生改变时，我们判断选中的子复选框个数是否等于总复选框个数，如果是，则选中全选复选框，否则取消全选复选框。

注意：在实际应用中，购物车的商品数量和信息可能来自数据库或服务器，因此我们需要使用 AJAX 技术将数据加载到页面中，然后再绑定复选框的事件。