我們在產品中使用 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/
1 回答
有只小跳蛙
TA貢獻1824條經驗 獲得超8個贊
結束代碼與我開始的代碼基本相同，我將最后一個事件調用更改為 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'));
});
在另一個論壇中，有人認為同一項目的另一個事件處理程序可能是罪魁禍首，但這在這個階段運作良好，現在進入下一階段。
添加回答
舉報
0/150
提交
取消