来一段小程序商城的商品全选结算代码？

以下是一个简单的小程序商城的商品全选结算代码：

1、在 wxml 文件中添加一个全选的checkbox和用来显示总价的text：

<!-- 全选 -->
<checkbox bindchange="selectAll" checked="{{allSelected}}">全选</checkbox>

<!-- 总价 -->
<text>总价：{{totalPrice}}元</text>

2、在 js 文件中声明一些变量和商品列表：

Page({
  data: {
    allSelected: false, // 是否全选
    totalPrice: 0, // 总价
    products: [ // 商品列表
      { name: '商品1', price: 10, selected: false },
      { name: '商品2', price: 20, selected: false },
      { name: '商品3', price: 30, selected: false },
    ]
  }
})

3、实现全选的功能：

selectAll: function (event) {
  var checked = event.detail.value;

  for (var i = 0; i < this.data.products.length; i++) {
    var product = this.data.products[i];
    product.selected = checked;
  }

  this.setData({
    products: this.data.products,
    allSelected: checked,
    totalPrice: checked ? this.calculateTotalPrice() : 0
  });
},

4、实现单个商品的选择和取消选择的功能：

selectProduct: function (event) {
  var index = event.currentTarget.dataset.index;
  var product = this.data.products[index];
  product.selected = !product.selected;

  this.setData({
    products: this.data.products,
    allSelected: this.isAllSelected(),
    totalPrice: this.calculateTotalPrice()
  });
},

isAllSelected: function () {
  for (var i = 0; i < this.data.products.length; i++) {
    if (!this.data.products[i].selected) {
      return false;
    }
  }
  return true;
},

5、计算总价的方法：

calculateTotalPrice: function () {
  var totalPrice = 0;
  for (var i = 0; i < this.data.products.length; i++) {
    var product = this.data.products[i];
    if (product.selected) {
      totalPrice += product.price;
    }
  }
  return totalPrice;
},

这样就能实现一个简单的小程序商城的商品全选结算功能了。