ฉันต้องการรวมตัวเลขและพิมพ์ออกมาในช่วง ฉันลองใช้ innerHTML แต่เนื่องจากเป็นสตริงฉันทำไม่ได้ ฉันจึงลอง parseInt, parseFloat, Number และไม่มีอะไรเลย สำหรับช่องทำเครื่องหมายทั้งหมดที่ทำเครื่องหมายไว้ ฉันต้องการผลรวมของค่าในช่วงและผู้ที่ไม่ได้ทำเครื่องหมาย ฉันไม่ต้องการให้พวกเขาได้รับผลรวมในช่วง
(ผมลดตารางและจำนวนลงเยอะมากเพราะว่ายาวมากในการใส่ตรงนี้ ลองนึกภาพว่าผมอยากบวกจำนวนทั้งหมดเยอะๆ)
const offersCheckbox = document.querySelectorAll("#checkbox-offers");
const recalculateText = document.querySelector(".recalculate-text");
const checkboxTotal = document.querySelectorAll("#checkbox-total");
let total = 0;
for (let i = 0; i < offersCheckbox.length; i++) {
offersCheckbox[i].addEventListener("click", (e) => {
if (offersCheckbox[i].checked === true) {
recalculateText.innerHTML = "recalculate invoice total";
} else {
recalculateText.innerHTML = "";
}
});
}
<table>
<tr>
<tr>
<td>
<input type="checkbox" name="checkbox" id="checkbox-offers" value="2,434.38" />
<td>
<div class="price-container text-bold" id="checkbox-total">
<b>$</b>2,434.38
</div>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkbox" id="checkbox-offers" value="76.69" />
</td>
<td>
<div class="price-container text-bold" id="checkbox-total">
<b>$</b>76.69
</div>
</td>
</tr>
</table>
<span class="recalculate-text text-right text-underline"></span>
id
ของแต่ละช่องป้อนข้อมูล - person AGE   schedule 04.03.2021