如何在前端使用循环将循环中勾选的每个复选框存储到玩家数组中

<input type="checkbox" id="player1" value="Player 1"> Player 1
<input type="checkbox" id="player2" value="Player 2"> Player 2
<input type="checkbox" id="player3" value="Player 3"> Player 3
<!-- 更多复选框 -->

// 定义一个空的玩家数组
var players = [];

// 获取所有复选框的父元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 循环遍历每个复选框
for (var i = 0; i < checkboxes.length; i++) {
  var checkbox = checkboxes[i];

  // 检查复选框是否被勾选
  if (checkbox.checked) {
    // 将勾选的复选框的值存储到玩家数组中
    players.push(checkbox.value);
  }
}

// 输出玩家数组
console.log(players);