如何在复选框中显示价格？

<label>
  <input type="checkbox" id="option1" onchange="updatePrice()"> Option 1
</label>
<label>
  <input type="checkbox" id="option2" onchange="updatePrice()"> Option 2
</label>
<label>
  <input type="checkbox" id="option3" onchange="updatePrice()"> Option 3
</label>

<p id="price">Total Price: $0</p>

function updatePrice() {
  var options = [
    { name: "Option 1", price: 10 },
    { name: "Option 2", price: 20 },
    { name: "Option 3", price: 30 }
  ];
  
  var totalPrice = 0;
  
  options.forEach(function(option) {
    var checkbox = document.getElementById(option.name.toLowerCase().replace(" ", ""));
    
    if (checkbox.checked) {
      totalPrice += option.price;
    }
  });
  
  document.getElementById("price").textContent = "Total Price: $" + totalPrice;
}