javascript通過ID中的ID獲取元素

Question

我想通過使用JavaScript計算if復選框的總價
我不允許通過添加div將ID分為2部分
例如。

<form id="bookingForm">

 <section id = "checkcost">
      <h2>Total cost</h2>
     Total <input type="text" name="total" value="$0.00" size="10" readonly />
 </section>

</form>

首先，我使用此方法獲取ID

var frm = document.getElementById（'bookingForm'）

我試圖通過使用下面的代碼來做，但這不是正確的方法

frm.checkcost.total =計算（）

由於用於顯示總成本的輸入區域位於id =“ bookingForm”內，因此一旦選中此復選框，我應該如何顯示總成本？
ps：這是我嘗試過的鏈接，但是沒有用，現在我正在嘗試其他方法

PHP中的onclick回聲，錯誤無效的意外令牌

Answer 1

如果表單中只有一個名為total字段，那么您完全不必擔心該部分：

var frm = document.getElementById('bookingForm');
frm.total = calculate();

要么

document.querySelector("#bookingForm [name=total]").value = calculate();

---

如果您有多個名為total字段，則只需使用該部分的ID：

document.querySelector("#checkcost [name=total]").value = calculate();
// ----------------------^

---

document.querySelector查找與給定CSS選擇器匹配的第一個元素。 您可以使用CSS的全部功能來查找文檔中的元素。 還有document.querySelectorAll查找匹配元素的列表 。 最后，單個元素也具有這兩種方法，它們僅在這些元素內顯示。 因此，例如，我們也可以這樣做：

var frm = document.getElementById('bookingForm');
frm.querySelector("#checkcost [name=total]").value = calculate();

（但這僅是示例，而不是建議；它比必要的多。