小程序购物车选择商品实现

如果你想要实现购物车中选择商品的功能，可以按照以下步骤进行：

1. 在购物车商品对象中添加一个属性来表示该商品是否被选中：

// 在 addToCart 方法中添加 selected 属性
this.data.cartList.push({
  id,
  name,
  price,
  count: 1,
  selected: true, // 默认为选中状态
});

2. 在购物车列表中展示商品的时候，根据商品的 selected 属性来判断是否显示选中状态：

<view>
  <block wx:for="{{cartList}}" wx:key="id">
    <view>
      <text>商品名称：{{item.name}}</text>
      <text>价格：{{item.price}}</text>
      <text>数量：{{item.count}}</text>
      <button data-id="{{item.id}}" bindtap="removeFromCart">移除</button>
      <checkbox data-id="{{item.id}}" checked="{{item.selected}}" bindchange="toggleSelect"></checkbox>
    </view>
  </block>
  
  <view>
    <text>购物车总数量：{{totalCount}}</text>
    <text>购物车总金额：{{totalAmount}}</text>
    <button bindtap="clearCart">清空购物车</button>
  </view>
</view>

3. 实现 toggleSelect 方法来切换商品的选中状态：

toggleSelect: function(e) {
  const { id } = e.currentTarget.dataset;

  // 找到要切换选中状态的商品在购物车中的索引
  const index = this.data.cartList.findIndex(item => item.id === id);
  if (index !== -1) {
    // 切换商品的选中状态
    this.data.cartList[index].selected = !this.data.cartList[index].selected;
    this.updateCartData();
  }
},

4. 更新购物车数据方法 updateCartData 需要考虑商品的选中状态，只计算选中的商品数量和金额：

updateCartData: function() {
  const totalCount = this.data.cartList.reduce((sum, item) => {
    if (item.selected) {
      return sum + item.count;
    }
    return sum;
  }, 0);
  
  const totalAmount = this.data.cartList.reduce((sum, item) => {
    if (item.selected) {
      return sum + item.price * item.count;
    }
    return sum;
  }, 0);

  this.setData({
    cartList: this.data.cartList,
    totalCount,
    totalAmount,
  });
},

通过以上步骤，你可以实现小程序购物车中选择商品的功能。每个商品都有一个选中状态属性，点击商品对应的 checkbox 可以切换商品的选中状态，同时购物车总数量和总金额只计算选中的商品。希望对你有所帮助！如果还有其他问题，请随时提问。