uniapp小程序用checkbox 实现全选，有一个取消则全选状态取消

可以通过监听每个checkbox的change事件来实现全选与取消全选的功能。具体实现如下：

1. 在data中定义一个变量，用来记录全选的状态：

data: {
  checkboxList: [], // 复选框列表
  selectAll: false, // 是否全选
}

2. 在页面中渲染复选框列表，并给每个复选框绑定change事件：

<template>
  <div>
    <label v-for="(item, index) in checkboxList" :key="index">
      <input type="checkbox" :value="item.value" v-model="item.checked" @change="onCheckboxChange">
      {{ item.label }}
    </label>
  </div>
</template>

3. 在change事件中判断是否全部选中，如果是则将全选状态设置为true，否则设置为false：

onCheckboxChange() {
  let allChecked = true;
  for (let i = 0; i < this.checkboxList.length; i++) {
    if (!this.checkboxList[i].checked) {
      allChecked = false;
      break;
    }
  }
  this.selectAll = allChecked;
}

4. 在全选按钮上绑定click事件，将全选状态设置为与当前状态相反：

<template>
  <div>
    <label>
      <input type="checkbox" v-model="selectAll" @change="onSelectAllChange">
      全选
    </label>
  </div>
</template>

onSelectAllChange() {
  for (let i = 0; i < this.checkboxList.length; i++) {
    this.checkboxList[i].checked = this.selectAll;
  }
}

这样就可以实现全选与取消全选的功能了。