如何在javascript中显示多个复选框值

<form id="myForm">
  <input type="checkbox" id="checkbox1" value="value1">
  <label for="checkbox1">选项1</label><br>
  <input type="checkbox" id="checkbox2" value="value2">
  <label for="checkbox2">选项2</label><br>
  <input type="checkbox" id="checkbox3" value="value3">
  <label for="checkbox3">选项3</label><br>
</form>

var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var values = [];
for (var i = 0; i < checkboxes.length; i++) {
  values.push(checkboxes[i].value);
}

var resultElement = document.getElementById('result');
resultElement.textContent = '选中的值为：' + values.join(', ');

<form id="myForm">
  <input type="checkbox" id="checkbox1" value="value1">
  <label for="checkbox1">选项1</label><br>
  <input type="checkbox" id="checkbox2" value="value2">
  <label for="checkbox2">选项2</label><br>
  <input type="checkbox" id="checkbox3" value="value3">
  <label for="checkbox3">选项3</label><br>
</form>

<p id="result"></p>

<script>
  var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
  var values = [];
  for (var i = 0; i < checkboxes.length; i++) {
    values.push(checkboxes[i].value);
  }

  var resultElement = document.getElementById('result');
  resultElement.textContent = '选中的值为：' + values.join(', ');
</script>