如何计算购物车中多个商品的总价？

Question

您好，我正在尝试使用JavaScript计算购物车总计，但仅显示第一项的总计！有什么帮助吗？

这是我的JS代码

  <script>
    function f(){
      var price = $('#unitprice').val();
      var quantity = $('#quantity').val();
      total = price*quantity;
      $('#total').val(total);
      return;
    };
  </script>

HTML PHP

<td class="p-price first-row"><?php echo 'LBP '.number_format($r['product_price'],0)?>/KG</td>

 <input type="hidden" id="unitprice"  value="<?php echo $r['product_price']?>" onload="f();">

<input type="text"  id="quantity" value="<?php echo $weight ?>" readonly onload="f();">

<td class="total-price first-row"><input id="total" readonly style="border:none; color:#e7ab3c; text-align:center;  font-weight: bold;"></td>

---

This is my work, check the image please!

任何想法如何解决？

总体解决方案也将不胜感激！谢谢