javascript - 如何使用一组复选框运行 forEach

Question

我正在调查为什么我无法在此处使用 forEach:

var checks = document.querySelectorAll('input[name="map"]');
checks.forEach(function(index) {
  var value = this.value;
  console.log(value);
});

<input type="checkbox" name="map" value="1"> Asia <br />
<input type="checkbox" name="map" value="2"> Africa <br />

Answer 1

您提供给 forEach 的函数的第一个参数不是索引，而是元素本身，例如:

const checks = document.querySelectorAll('input[name="map"]');

checks.forEach(function(element) {
  console.log(element.value);
});

<input type="checkbox" name="map" value="1"> Asia <br />
<input type="checkbox" name="map" value="2"> Africa <br />