Javascript 如何使用jquery在单击活动和非活动按钮后计算价格

我想在单击“订单”按钮时计算价格如果我再次单击“订单”按钮取消订单，则价格将生效，如果我单击“更多”，则价格将增加，然后显示总价。我已经做了主动-非主动，但无法计算价格的增减，我该如何做..请帮助我

$document.readyfunction{ var价格=0； $'.btn'。单击函数{ var priceValue=$this.val； 如果$this.hasClassactive处于活动状态{ $this.removeClass'active'； var价格=价格+this.val美元； }否则{ $this.addClass'active'； var价格=价格-$this.val； } alertprice $'priceDisplay'.valprice； } } .btn{ 颜色：白色； 背景：橙色； } .主动{ 背景：绿色； } 菜单 大米 顺序 30 鸡蛋 顺序 25 达尔 顺序 20 试试这个

$document.readyfunction{ var价格=0； $'.btn'。单击函数{ var priceValue=$this.val； 如果$this.hasClassactive处于活动状态{ $this.removeClass'active'； price=price-parseInt$this.val； }否则{ $this.addClass'active'； price=price+parseInt$this.val； } $'priceDisplay'.textprice； } } .btn{ 颜色：白色； 背景：橙色； } .主动{ 背景：绿色； } 菜单 大米 顺序 30 鸡蛋 顺序 25 达尔 顺序 20

---

问题是，当您不将值解析为int时。 小更新后，您可以尝试以下操作：

$(document).ready(function() {
  var price = 0;
  $('.btn').click(function() {
    var priceValue = $(this).val();
    if ($(this).hasClass("active")) {
      $(this).removeClass('active');
      price += parseInt($(this).val());
    } else {
      $(this).addClass('active');
      price -= $(this).val();
    }
    alert(price)
   $('#priceDisplay').text(price);
  })
})

---

例如，当你点击鸡蛋上的订单时，会发生什么呢？价格会下降多少？它应该显示在鸡蛋旁边吗？价格会上涨，那么总价格还会上涨多少？显示总价格在哪里？什么？哦，你每次都在重新定义你的可变价格，这是一个非常糟糕的想法。如果另一次选择，我会计算这个价格，最后显示总价格，如果取消任何订单，那么价格会下降decrese@Islam这是我的示例代码，所有菜单列表将显示从数据库和价格将不同。这就像电子商务广告购物车系统