如何组织多个复选框？

<form>
  <input type="checkbox" name="option1" value="Option 1"> Option 1<br>
  <input type="checkbox" name="option2" value="Option 2"> Option 2<br>
  <input type="checkbox" name="option3" value="Option 3"> Option 3<br>
</form>

function getSelectedOptions() {
  var checkboxes = document.getElementsByName('option');
  var selectedOptions = [];

  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      selectedOptions.push(checkboxes[i].value);
    }
  }

  return selectedOptions;
}

var checkboxes = document.getElementsByName('option');

for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener('change', function() {
    var selectedOptions = getSelectedOptions();
    console.log(selectedOptions);
  });
}