jQuery变量加法和其他和

时间:2011-12-01 00:32:11

标签: jquery variables global-variables

我有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.

关键在于,通过点击每个按钮,我可以计算出他们留下的图像以及他们选择的图像。

我刚刚发现,除了记录两个值之外,我还可以使用一个函数,在单击next时添加一个,但在单击prev时需要一个,但我不知道如何对此进行编码。

1 个答案:

答案 0 :(得分:0)

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

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);
}