微信小程序单选多选全选

微信小程序中可以通过使用组件来实现单选、多选和全选功能。

单选：
可以使用radio组件来实现单选功能。radio组件需要与radio-group组件配合使用。当用户点击其中一个radio后，radio-group会自动将其它的radio选项取消选中。

多选：
可以使用checkbox组件来实现多选功能。checkbox组件需要与checkbox-group组件配合使用。当用户点击某个checkbox时，checkbox-group会自动将其它的checkbox选项保持原有状态。

全选：
可以使用checkbox组件来实现全选功能。需要在checkbox组件中加入一个value属性，并将其绑定到全选按钮的checked属性上。当用户点击全选按钮时，将全选按钮的状态传递给所有的checkbox选项即可。

示例代码：

单选：

<radio-group>
  <label wx:for="{{list}}" wx:key="{{index}}">
    <radio value="{{item.value}}">{{item.name}}</radio>
  </label>
</radio-group>

多选：

<checkbox-group>
  <label wx:for="{{list}}" wx:key="{{index}}">
    <checkbox value="{{item.value}}">{{item.name}}</checkbox>
  </label>
</checkbox-group>

全选：

<checkbox value="all" checked="{{allChecked}}" bindchange="onAllChange">全选</checkbox>
<checkbox-group>
  <label wx:for="{{list}}" wx:key="{{index}}">
    <checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.name}}</checkbox>
  </label>
</checkbox-group>

其中，allChecked和item.checked为数据中的属性，需要在js文件中定义和更新。onAllChange为全选按钮的change事件处理函数，代码如下：

onAllChange: function (e) {
  const isChecked = e.detail.value.length > 0;
  const list = this.data.list.map(item => {
    item.checked = isChecked;
    return item;
  });
  this.setData({
    allChecked: isChecked,
    list
  });
}