html获取checkbox选中的值

可以通过 JavaScript 来获取 checkbox 选中的值，以下是一个简单的示例：

<input type="checkbox" name="fruit" value="apple"> Apple
<input type="checkbox" name="fruit" value="banana"> Banana
<input type="checkbox" name="fruit" value="orange"> Orange
<button onclick="getCheckedValues()">Get Checked Values</button>

<script>
function getCheckedValues() {
  var selectedFruits = [];
  var checkboxes = document.getElementsByName("fruit");
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      selectedFruits.push(checkboxes[i].value);
    }
  }
  alert("Selected fruits: " + selectedFruits.join(", "));
}
</script>

这个示例中有三个 checkbox，它们的 name 都是 "fruit"，value 分别是 "apple"、"banana" 和 "orange"。当用户选中一个或多个 checkbox 后，点击按钮会触发 getCheckedValues 函数，该函数会遍历所有名称为 "fruit" 的 checkbox，将选中的 value 添加到 selectedFruits 数组中，最后将选中的值以逗号分隔的形式弹出。