每次点击的总数

时间:2017-01-14 22:59:27

标签: javascript jquery

我有一个简单的问题,但我真的不记得如何解决它,也许我的大脑正在和我一起玩,但是,这是我的问题......我有一个产品价格,我把这个价格加到一个var total,问题是我想将我的代码的结果与存储在total var上的第一个结果相加。例如:

  

首先点击:总计= 0,价格= 32,点击总数= 32。

     

第二次点击:总计= 32,价格= 100,点击总数= 132。

我该怎么做?这是我的示例代码:



var total = 0;
var price = 16;

$('#btn').click(function () {
  var qty = $('#qty').val();
  
  var total = qty * price;
  
  alert(total.toFixed(2));
  
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="btn">Click</button>

<input id="qty" placeholder="Type the number of products u want..." />
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

你的函数中有var total,它创建了一个单独的局部变量。删除var以使其使用全局变量。

另外,您没有将第二个值添加到运行总计中。你只是一遍又一遍地压倒一切。

&#13;
&#13;
var total = 0;
var price = 16;

$('#btn').click(function () {
  var qty = $('#qty').val();
  
  total = total + (qty * price);
  
  alert(total.toFixed(2));
  
 
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="btn">Click</button>

<input id="qty" placeholder="Type the number of products u want..." />
&#13;
&#13;
&#13;