微信小程序：多选的实现

样式:

wxml:

  
    {{item.name}}
  

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})
  }
})