为了提供一个办公室插件功能区中包含复选框的代码示例，以下是一个使用HTML、CSS和JavaScript的解决方法：

HTML代码：

  
  复选框1

  
  复选框2

  
  复选框3

CSS代码：

#checkboxes {
  margin: 10px;
}

input[type="checkbox"] {
  margin-bottom: 5px;
}

JavaScript代码：

// 获取所有复选框元素
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 监听复选框的变化事件
checkboxes.forEach(checkbox => {
  checkbox.addEventListener('change', function() {
    // 检查复选框是否被选中
    if (this.checked) {
      console.log(this.value + '被选中');
      // 在这里执行选中后的操作
    } else {
      console.log(this.value + '被取消选中');
      // 在这里执行取消选中后的操作
    }
  });
});

上述代码创建了一个包含三个复选框的功能区。每个复选框都有一个唯一的id和name属性，并且具有相同的值。通过使用CSS对复选框和标签进行样式设置，使其呈现为垂直排列的列表。使用JavaScript代码监听复选框的变化事件，并根据复选框是否被选中执行相应的操作。