Wordpress 中的 JavaScript 问题

Question

我们在产品中使用 woo 和 woo 过滤器。我把它连接到这个测试页上，我正在尝试更改彩色复选框上的图像……仍处于早期测试阶段。此时的代码，现在在页面上进行测试，您检查颜色框，并在控制台中写入值。这是我在 codepen 上的测试：    function getSelectedCheckboxValues(name) {    const checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);    let values = [];    checkboxes.forEach((checkbox) => {        values.push(checkbox.value);          });    return values;    console.log(getSelectedCheckboxValues('color-checks'));}  //let result = document.querySelector('#result');   document.body.addEventListener('change', function (e) {   let target = e.target;   console.log(getSelectedCheckboxValues('color-checks'));   });https://codepen.io/hjmoore420/pen/YzwgGRN在 codepen 上，HTML 是从过滤器测试页面呈现的代码。它在那里工作。我确实在实时页面上发现了一些问题，但已修复它们。此时我只是想获取复选框的值以写入控制台。我去调试并没有发现问题，更改了主题但它没有用。代码只是直接的 JS，没什么疯狂的。任何帮助将不胜感激。我需要帮助的页面：https ://www.outdoordogsupply.com/filter-dog-collars/

Answer 1

结束代码与我开始的代码基本相同，我将最后一个事件调用更改为 click 并且它按预期工作：

 function getSelectedCheckboxValues(name) {

  const checkboxes = 

  document.querySelectorAll(`input[name="${name}"]:checked`);

  let values = [];

   checkboxes.forEach((checkbox) => {

    values.push(checkbox.value);

  

   });

  return values;

  }

  document.body.addEventListener('click', function (e) {

console.log(getSelectedCheckboxValues('colors-check'));

});

在另一个论坛中，有人认为同一项目的另一个事件处理程序可能是罪魁祸首，但这在这个阶段运作良好，现在进入下一阶段。