微信小程序最多选3项多选功能实现

可以使用wx-checkbox-group组件来实现多选功能。

1. 在wxml文件中添加wx-checkbox-group组件：

<view>
  <checkbox-group bindchange="checkboxChange">
    <label wx:for="{{items}}" wx:key="index" class="checkbox">
      <checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.value}}</checkbox>
    </label>
  </checkbox-group>
</view>

2. 在js文件中定义items数组和checkboxChange函数：

Page({
  data: {
    items: [
      {value: '选项1', checked: false},
      {value: '选项2', checked: false},
      {value: '选项3', checked: false},
      {value: '选项4', checked: false},
      {value: '选项5', checked: false},
    ]
  },
  checkboxChange(e) {
    const items = this.data.items
    const values = e.detail.value
    for (let i = 0, lenI = items.length; i < lenI; ++i) {
      items[i].checked = false
      for (let j = 0, lenJ = values.length; j < lenJ; ++j) {
        if (items[i].value === values[j]) {
          items[i].checked = true
          break
        }
      }
    }
    this.setData({
      items
    })
  }
})

3. 在checkboxChange函数中，通过e.detail.value获取当前选中的值，然后遍历items数组，将选中的项的checked属性设置为true，未选中的项的checked属性设置为false。

这样就可以实现最多选3项的多选功能了。