javascript - 尝试仅减少正数

Question

表单代码:

    <td><form action="cart.php" method="get">
 <input type="button" onclick="buttonSubtract1()" name="subtract1" value="-
"/>
 <input type="text" size="4" id="qty1" name="quantity1" value="0"/>
 <input type="button" onclick="buttonAdd1()" name="add1" value="+"/>
 <input type="submit" name="product1" value="Add"/>

JavaScript:

var i = 0;
var qty1 =  document.getElementById('qty1').value;
function buttonAdd1() {
document.getElementById('qty1').value = ++i;
}
function buttonSubtract1() {
if (qty1 > 0) {
document.getElementById('qty1').value = --i;}
}

我使用javascript更改了代码以递增和递减，效果很好，所以我尝试这样做，以便递减仅在数字为正数时才起作用，但现在递增工作正常，但不允许递减任意数量的。这是为什么？

Answer 1

您只需将 var qty1 = document.getElementById('qty1').value; 放入减法函数中，如下所示:

var i = 0;
function buttonAdd1() {      
   document.getElementById('qty1').value = ++i;
}
function buttonSubtract1() {
   var qty1 =  document.getElementById('qty1').value;
   if (qty1 > 0) {
     document.getElementById('qty1').value = --i;}
   }
}

在您的示例中，您只需将第一个值 (0) 写入窗口对象。它保持为零，直到您再次在窗口对象中更改它。但是，如果每次调用该函数时询问值，您总是会得到最新的数字。

fiddle :

http://jsfiddle.net/9wHU9/