使用javascript增加/减少文本字段值

Question

我在执行以下操作的javascript时遇到了麻烦:

单击图像时增加/减少文本框内的数字.设置该文本框的限制(不低于零,不高于x)

请知道我在同一页面上有很多文本框,那么如何解决这个问题呢？

Answer 1

您不需要(也不应该)为每个图像和输入字段设置ID.您需要为每个输入字段设置名称属性(因此您的服务器代码可以区分它们 - 但不是JS).

如果每行的"添加"部分如下所示:

<div>
  <img src='minus.png' onclick="increment(this.parentNode.getElementsByTagName('input')[0]);" />
  <input type='text' name='product_1010101011' />
  <img src='plus.png' onclick="decrement(this.parentNode.getElementsByTagName('input')[0]);" />
</div>

使用这个javascript:

function increment(myInput) {
  // use Mike Samuel's code here
  myInput.value = (+myInput.value + 1) || 0;
}
function decrement(myInput) {
  // use Mike Samuel's code here
  myInput.value = (myInput.value - 1) || 0;
}