微信小程序：多选的实现

样式:

wxml:

<checkbox-group bindchange="checkboxChange">
  <block wx:for="{{options}}" wx:key="id">
    <checkbox value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</checkbox>
  </block>
</checkbox-group>

js

Page({
  data: {
    options: [
      {id: '1', name: '音乐', checked: false},
      {id: '2', name: '体育', checked: false},
      {id: '3', name: '篮球', checked: false},
      {id: '4', name: '足球', checked: false},
    ]
  },
  checkboxChange: function (event) {
    console.log('选中：', event.detail.value)
    const options = this.data.options.map((item) => {
      item.checked = event.detail.value.indexOf(item.id) !== -1
      return item
    })
    this.setData({options})
  }
})