jQuery 变量加法和其他求和答案

【问题标题】：jQuery Variable Addition and other SumsjQuery 变量加法和其他求和
【发布时间】：2011-12-01 00:32:11
【问题描述】：

我有 javascript，每次单击 2 个单独的按钮时都会单独计数，然后在同一页面上输出金额。这可行，但是我现在尝试在页面上的输出中添加第三个值，这是我通过将 2 个属性加在一起来计算的点击总数。但这似乎不起作用。

java

<script type="text/javascript">
var NextClick = 0;
var PrevClick = 0;
var TotalClicks = 0;

function getValueNext()
  {
  var y=document.getElementById("NextClick").value = ++NextClick
  $('.NextClick').val(y);
  }

function getValuePrev()
  {
  var x=document.getElementById("PrevClick").value = ++PrevClick
  $('.PrevClick').val(x);
  }

function getSumClicks()
  {
  var z= x + y
  $('.TotalClicks').val(z);
  }

</script>

HTML

  Clicked next <input class="NextClick" size="3" onfocus="this.blur();" value="0"> times.
  Clicked prev <input class="PrevClick" size="3" onfocus="this.blur();" value="0"> times.
  Clicked total <input class="TotalClicks" size="3" onfocus="this.blur();" value="0">      times.

这样做的重点是，通过点击每个按钮，我可以计算出他们留在了哪个图像上，以及他们选择了哪个图像。

我也刚刚想到，除了记录两个值之外，我还可以使用一个函数，在单击下一个时添加一个，但在单击上一个时删除一个，但我不知道如何编写代码。

【问题讨论】：

你能在jsfiddle.net 中做一个模型吗？此外，javascript 具有函数级别范围，因此您的 getSumClicks() 将无法像您的代码那样访问 x 和 y。您必须将它们移动到 NextClick 和其他人所在的位置。

标签： jquery variables global-variables

【解决方案1】：

我没有看到 ID 为 NextClick 的元素。所以这个：

var y=document.getElementById("NextClick").value = ++NextClick

变成：

var y = ++NextClick

第二个 x 和 y 是它们函数的局部变量。它们不存在于getSumClicks() 中。

你可能想要这个：

function getValueNext() {
  $('.NextClick').val(++NextClick);
}

function getValuePrev() {
  $('.PrevClick').val(++PrevClick);
}

function getSumClicks() {
  $('.TotalClicks').val(NextClick + PrevClick);
}

【讨论】：