如何将所选按钮显示为标签

<div id="container">
  <input type="checkbox" id="option1">
  <label for="option1">选项1</label>
  <input type="checkbox" id="option2">
  <label for="option2">选项2</label>
  <input type="checkbox" id="option3">
  <label for="option3">选项3</label>
</div>

#container input[type="checkbox"] {
  display: none;
}

#container label {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#container input[type="checkbox"]:checked + label {
  background-color: #ff0000;
  color: #fff;
}

var checkboxes = document.querySelectorAll('#container input[type="checkbox"]');
var labels = document.querySelectorAll('#container label');

labels.forEach(function(label, index) {
  label.addEventListener('click', function() {
    checkboxes[index].checked = !checkboxes[index].checked;
  });
});