html获取checkbox选中的值

在 HTML 中，可以通过 JavaScript 来获取 checkbox 选中的值。具体方法如下：

1. 给每个 checkbox 设置一个相同的 class 名称，方便选择。
2. 使用 `document.querySelectorAll()` 方法选择所有该 class 名称的 checkbox。
3. 遍历所有选中的 checkbox，获取其 value 属性值。

代码示例：

HTML：

<input type="checkbox" class="myCheckbox" value="apple">
<input type="checkbox" class="myCheckbox" value="banana">
<input type="checkbox" class="myCheckbox" value="orange">
<button onclick="getCheckedValues()">获取选中值</button>

JavaScript：

function getCheckedValues() {
  var checkboxes = document.querySelectorAll('.myCheckbox:checked');
  var values = [];
  for (var i = 0; i < checkboxes.length; i++) {
    values.push(checkboxes[i].value);
  }
  console.log(values);
}

这样，当用户点击“获取选中值”按钮时，就可以在控制台输出选中的 checkbox 的 value 值。