无法将复选框值推入数组，调用push时抛出未定义属性错误

嘿，这个报错的原因其实很直白——你要往里面push值的那个数组，根本没被初始化！它现在是undefined状态，自然没法调用push()方法。结合你的复选框代码，咱们一步步搞定：

首先，先把数组“落地” #

在你写收集复选框值的代码之前，一定要先把存储值的数组声明并初始化为空数组，别只声明变量：

// 正确：初始化空数组
let selectedCheckboxValues = [];

// 错误：只声明不初始化，默认是undefined
// let selectedCheckboxValues;

然后，正确收集复选框值 #

你的HTML里复选框都带inputChk类，咱们可以这样遍历收集选中的项：

写法一：逐个遍历筛选 #

// 先初始化数组！
let selectedCheckboxValues = [];

// 获取所有复选框元素
const allCheckboxes = document.querySelectorAll('.inputChk');

// 遍历每个复选框，把选中的value推数组里
allCheckboxes.forEach(checkbox => {
  if (checkbox.checked) {
    selectedCheckboxValues.push(checkbox.value);
  }
});

// 现在打印就没问题啦
console.log('选中的字段值：', selectedCheckboxValues);

写法二：用Array.from简化代码 #

如果想写得更简洁，可以用数组方法直接处理：

let selectedCheckboxValues = Array.from(document.querySelectorAll('.inputChk:checked'))
  .map(checkbox => checkbox.value);

console.log('选中的字段值：', selectedCheckboxValues);

还要注意这些坑 #

• 别把数组声明在函数里却不初始化：比如你是点击按钮触发收集逻辑，别在函数里只写let selectedCheckboxValues;，必须给它初始值[]
• 确保DOM加载完成：如果你的脚本放在页面<head>里，要把代码包在DOM加载完成的监听里，不然可能找不到复选框元素：

  document.addEventListener('DOMContentLoaded', function() {
    // 这里写你的复选框处理代码
  });
  

这样改完，你就能正常把复选框值存进数组，也能顺利打印出字段值了～

内容的提问来源于stack exchange，提问作者Esco