计数并循环遍历选中的复选框

以下是一个示例代码，演示如何计数并循环遍历选中的复选框：

HTML代码：

<input type="checkbox" name="checkboxes" value="1">复选框1
<input type="checkbox" name="checkboxes" value="2">复选框2
<input type="checkbox" name="checkboxes" value="3">复选框3
<input type="checkbox" name="checkboxes" value="4">复选框4
<button onclick="countAndLoop()">计数并遍历选中的复选框</button>

JavaScript代码：

function countAndLoop() {
  var checkboxes = document.getElementsByName("checkboxes");
  var count = 0;
  var checkedValues = [];

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

  console.log("选中的复选框数量：" + count);
  console.log("选中的复选框值：" + checkedValues.join(", "));
}

当点击按钮时，countAndLoop函数会被调用。该函数首先通过document.getElementsByName获取所有名称为"checkboxes"的复选框元素。然后，使用一个循环遍历所有复选框，如果复选框被选中，则增加计数器的值，并将其值添加到checkedValues数组中。最后，通过console.log打印选中的复选框数量和值。

注意：在实际应用中，可以根据需要自定义处理选中的复选框的逻辑，比如将选中的值发送到服务器或执行其他操作。