前端 JavaScript 获取选中 Checkbox 对应商品价格 - 详细代码示例

"你可以通过以下方式判断checkbox是否选中，并筛选出选中的checkbox对应的商品价格：\n\n1. 给checkbox元素添加一个事件监听器，当其状态改变时触发函数。\n2. 在函数中判断checkbox是否选中，如果选中则获取其对应商品的价格。\n3. 可以通过父元素来定位到商品价格元素，然后获取其文本内容。\n4. 最后将选中的商品价格存储在一个数组中。\n\n以下是示例代码：\n\njavascript\n// 获取所有的checkbox元素\nconst checkboxes = document.querySelectorAll(".mycheckbox");\n\n// 添加事件监听器\ncheckboxes.forEach(function(checkbox) {\n checkbox.addEventListener('change', function() {\n // 判断checkbox是否选中\n if (this.checked) {\n // 获取选中商品的价格\n const priceElement = this.closest(".cart-block").querySelector(".price");\n const price = priceElement.textContent;\n console.log(price);\n }\n });\n});\n\n\n这段代码会在checkbox状态改变时，判断是否选中，并在控制台输出选中商品的价格。你可以根据需求将价格存储到一个数组中，或者进行其他操作。\n