在微信小程序中实现全选功能，可以通过以下步骤：
在wxml中添加全选框和商品列表
使用`
添加一个全选框，可以使用一个单独的`
在js中处理全选逻辑
定义一个数据变量来存储所有选中的商品ID，可以使用数组来存储。
为全选框绑定`bindchange`事件，当全选框状态改变时，更新商品ID数组。
实现全选和取消全选的功能，可以通过切换全选框的选中状态来更新商品ID数组。
在wxml中显示选中的商品
可以使用`wx:for`来遍历商品ID数组，显示选中的商品信息。
wxml:
```html
```
js:
```javascript
Page（{
data: {
items: [
{ id: 1, name: '商品1', checked: false },
{ id: 2, name: '商品2', checked: false },
{ id: 3, name: '商品3', checked: false },
// 其他商品
],
checkedAll: false,
checkedIds: []
},
checkboxChange（e） {
const { value, checked } = e.detail；
if （value === 'all'） {
this.setData（{
checkedAll: checked,
checkedIds: checked ？ this.data.items.map（item => item.id） : []
}）；
} else {
const index = this.data.checkedIds.indexOf（value）；
if （checked） {
this.data.checkedIds.push（value）；
} else {
this.data.checkedIds.splice（index, 1）；
}
this.setData（{
checkedIds: this.data.checkedIds
}）；
}
},
checkAll（e） {
this.setData（{
checkedAll: e.detail.checked,
checkedIds: e.detail.checked ？ this.data.items.map（item => item.id） : []
}）；
}
}）；
```
wxss:
```css
.container {
display: flex；
flex-direction: column；
align-items: center；
}
.item {
display: flex；
align-items: center；
margin-bottom: 10px；
}
.item-name {
margin-left: 10px；
}
.all-select {
margin-top: 20px；
}
```
通过上述代码，你可以实现一个简单的全选功能，包括全选和取消全选。你可以根据实际需求进一步调整和优化代码。