微信小程序如何实现批量勾选功能的代码

实现微信小程序批量勾选功能需要以下步骤：

1. 在 wxml 文件中，使用 wx:for 循环渲染出列表数据，并为每个列表项添加一个 checkbox 组件。

<view wx:for="{{list}}" wx:key="index">
  <checkbox value="{{item.checked}}" bindchange="onCheckboxChange"></checkbox>
  <text>{{item.name}}</text>
</view>

2. 在 js 文件中，定义一个变量存储列表数据。同时，编写 onCheckboxChange 函数，当 checkbox 组件的状态发生变化时，更新列表数据中对应项的 checked 属性。

Page({
  data: {
    list: [
      { name: '选项1', checked: false },
      { name: '选项2', checked: false },
      { name: '选项3', checked: false }
    ]
  },

  onCheckboxChange: function(e) {
    const index = e.currentTarget.dataset.index;
    const checked = e.detail.value;
    const list = this.data.list;

    list[index].checked = checked;

    this.setData({
      list: list
    });
  }
})

3. 实现全选功能。在 wxml 文件中，添加一个全选的 checkbox 组件。在 js 文件中，编写 onCheckAllChange 函数，当全选的 checkbox 组件的状态发生变化时，更新列表数据中所有项的 checked 属性。

<checkbox value="{{allChecked}}" bindchange="onCheckAllChange">全选</checkbox>

Page({
  data: {
    list: [
      { name: '选项1', checked: false },
      { name: '选项2', checked: false },
      { name: '选项3', checked: false }
    ],
    allChecked: false
  },

  onCheckAllChange: function(e) {
    const checked = e.detail.value;
    const list = this.data.list;

    for (let i = 0; i < list.length; i++) {
      list[i].checked = checked;
    }

    this.setData({
      list: list,
      allChecked: checked
    });
  }
})

这样，就可以实现微信小程序的批量勾选功能了。