JavaScript 获取表单复选框勾选行的值

假设有一个表单，其中有多个复选框，你想获取哪些复选框被选中了，可以通过以下代码来实现：

HTML 代码：

<form id="myForm">
  <input type="checkbox" name="fruits" value="apple"> 苹果<br>
  <input type="checkbox" name="fruits" value="banana"> 香蕉<br>
  <input type="checkbox" name="fruits" value="orange"> 橙子<br>
  <input type="checkbox" name="fruits" value="grape"> 葡萄<br>
  <input type="button" value="提交" onclick="getCheckedValues()">
</form>

JavaScript 代码：

function getCheckedValues() {
  var form = document.getElementById('myForm');
  var checkboxes = form.elements['fruits'];
  var checkedValues = [];

  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      checkedValues.push(checkboxes[i].value);
    }
  }

  console.log(checkedValues);
}

这段代码首先获取了表单元素和所有名为 "fruits" 的复选框元素，然后循环遍历所有复选框元素，如果当前元素被选中了，就将它的值添加到 `checkedValues` 数组中。最后，将 `checkedValues` 数组输出到控制台上。