jQuery:根据数量/价格计算最终合计

<label for="quantity">数量:</label>
<input type="number" id="quantity" />
<label for="price">价格:</label>
<input type="number" id="price" />
<p id="total">合计: 0</p>

$(document).ready(function() {
  // 获取数量和价格的输入框元素
  var quantityInput = $('#quantity');
  var priceInput = $('#price');
  
  // 监听输入框值的变化
  quantityInput.on('input', calculateTotal);
  priceInput.on('input', calculateTotal);
  
  // 计算并更新合计
  function calculateTotal() {
    var quantity = quantityInput.val();
    var price = priceInput.val();
    var total = quantity * price;
    
    // 更新合计显示
    $('#total').text('合计: ' + total);
  }
});