checkbox仅从一个Checkbox获取值。我需要在选中时获取多个复选框的值

checkbox是一种HTML表单元素，用于让用户在多个选项中选择一个或多个选项。当用户选中一个或多个复选框时，我们可以使用JavaScript来获取这些选中的值。

在HTML中，每个checkbox都有一个唯一的标识符（ID）和一个关联的值。为了获取选中的复选框的值，我们可以使用以下步骤：

给每个checkbox元素添加一个事件监听器，以便在选中状态发生变化时触发相应的函数。
在函数中，使用document.getElementById()方法获取每个checkbox元素的引用。
使用checkbox元素的checked属性来判断是否选中。如果checked属性为true，则表示选中；如果为false，则表示未选中。
如果选中了某个checkbox，则可以使用checkbox元素的value属性来获取其关联的值。

以下是一个示例代码：

<input type="checkbox" id="checkbox1" value="value1"> Option 1
<input type="checkbox" id="checkbox2" value="value2"> Option 2
<input type="checkbox" id="checkbox3" value="value3"> Option 3

<script>
function getSelectedValues() {
  var checkbox1 = document.getElementById("checkbox1");
  var checkbox2 = document.getElementById("checkbox2");
  var checkbox3 = document.getElementById("checkbox3");

  var selectedValues = [];

  if (checkbox1.checked) {
    selectedValues.push(checkbox1.value);
  }
  if (checkbox2.checked) {
    selectedValues.push(checkbox2.value);
  }
  if (checkbox3.checked) {
    selectedValues.push(checkbox3.value);
  }

  return selectedValues;
}

// 示例调用
var selectedValues = getSelectedValues();
console.log(selectedValues);
</script>

在上面的示例中，我们定义了三个checkbox元素，并为每个元素设置了唯一的ID和关联的值。然后，我们定义了一个名为getSelectedValues()的函数，用于获取选中的复选框的值。在函数中，我们使用了if语句来检查每个复选框的选中状态，并将选中的值添加到一个数组中。最后，我们返回这个数组。

你可以根据实际情况修改示例代码，添加更多的复选框，并根据需要处理选中的值。