在多选框中选择的值应显示在同一页面中，而不单击提交按钮

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

<div id="selectedOptions"></div>

<script>
  const checkboxes = document.querySelectorAll('input[name="option"]');
  const selectedOptionsDiv = document.getElementById('selectedOptions');

  checkboxes.forEach(checkbox => {
    checkbox.addEventListener('change', () => {
      const selectedOptions = Array.from(checkboxes)
        .filter(checkbox => checkbox.checked)
        .map(checkbox => checkbox.value);

      selectedOptionsDiv.textContent = selectedOptions.join(', ');
    });
  });
</script>