微信小程序 选择一周早中晚时间段勾选框

微信小程序可以通过使用checkbox组件来实现选择一周早中晚时间段的勾选框。以下是一个示例代码：

<checkbox-group bindchange="checkboxChange">
  <label class="checkbox">
    <checkbox value="morning" checked="{{morningChecked}}">早上</checkbox>
  </label>
  <label class="checkbox">
    <checkbox value="afternoon" checked="{{afternoonChecked}}">中午</checkbox>
  </label>
  <label class="checkbox">
    <checkbox value="evening" checked="{{eveningChecked}}">晚上</checkbox>
  </label>
</checkbox-group>

在上述代码中，我们使用了checkbox-group组件来创建一个勾选框组。每个勾选框都有一个value属性，用于标识该勾选框的值。通过设置checked属性，可以控制勾选框的初始状态。

在小程序的js文件中，我们可以定义checkboxChange函数来处理勾选框的变化事件：

Page({
  data: {
    morningChecked: false,
    afternoonChecked: false,
    eveningChecked: false
  },
  checkboxChange: function(e) {
    const values = e.detail.value;
    this.setData({
      morningChecked: values.includes('morning'),
      afternoonChecked: values.includes('afternoon'),
      eveningChecked: values.includes('evening')
    });
  }
});

在上述代码中，我们通过checkboxChange函数获取到勾选框的值，并根据值的变化更新对应的data属性，从而实现勾选框的状态同步。