javascript通过内部ID获取元素

Question

我想计算如果通过JavaScript检查复选框的总价格
例如，我不允许通过添加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 = c （）

由于显示总成本的输入区域位于id =“bookingForm”的内部，所以一旦复选框被选中，我应该如何显示总成本？
PS：这里是我有尝试，但它没有工作的联系，现在我尝试其他方法

onclick in php echo with error invalid unexpected token

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(); 

（但是，这只是一个例子，不是建议;它更迂回的比必要的。）