如何为v复选框创建多行标签

<form>
  <input type="checkbox" id="checkbox1">
  <label for="checkbox1">标签1</label><br>
  <input type="checkbox" id="checkbox2">
  <label for="checkbox2">标签2</label><br>
  <input type="checkbox" id="checkbox3">
  <label for="checkbox3">标签3</label><br>
</form>

label {
  display: inline-block;
  margin-right: 10px;
}

label {
  display: block;
  margin-bottom: 10px;
}

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

checkboxes.forEach((checkbox) => {
  checkbox.addEventListener('change', () => {
    labels.forEach((label) => {
      if (checkbox.checked) {
        label.classList.add('selected');
      } else {
        label.classList.remove('selected');
      }
    });
  });
});