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'));});在另一个论坛中，有人认为同一项目的另一个事件处理程序可能是罪魁祸首，但这在这个阶段运作良好，现在进入下一阶段。