微信小程序开发在checkbox多选中添加到数组取消选中删除

您好！在微信小程序开发中，要实现在 checkbox 多选中添加到数组，并在取消选中时从数组中删除的功能，可以按照以下步骤进行操作：

1. 创建一个空数组，用于存储选中的 checkbox 的值。例如，可以在 data 中定义一个数组变量：

data: {
  checkboxValues: []
}

2. 在 checkbox 组件的 change 事件中，获取选中状态和值，并根据选中状态进行相应的操作。可以使用事件对象 event 中的 currentTarget.dataset 获取 checkbox 的值，event.detail.value 获取选中状态。

<checkbox-group bindchange="checkboxChange">
  <label wx:for="{{checkboxList}}" wx:key="{{item.id}}">
    <checkbox value="{{item.value}}" />
    {{item.label}}
  </label>
</checkbox-group>

checkboxChange: function(event) {
  const value = event.currentTarget.dataset.value;
  const checked = event.detail.value.includes(value);

  if (checked) {
    // 添加到数组
    this.data.checkboxValues.push(value);
  } else {
    // 从数组中删除
    const index = this.data.checkboxValues.indexOf(value);
    if (index > -1) {
      this.data.checkboxValues.splice(index, 1);
    }
  }
}

3. 现在，选中的 checkbox 的值会被添加到 checkboxValues 数组中，取消选中时会从数组中删除。您可以在其他需要使用选中的值的地方使用 checkboxValues 数组。

希望这些步骤对您有所帮助！如果有任何问题，请随时向我提问。