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

我在使用javascript执行以下操作时遇到问题：

单击图像时增加/减少文本框内的数字。 设置该文本框的限制（不低于零，不高于x）

请知道我在同一页中有许多文本框，那么如何解决这个问题

增加

myInput.value = (+myInput.value + 1) || 0;

减量

myInput.value = (myInput.value - 1) || 0;

| | 0

会将任何未解析为整数的值重置为默认值0。

您不需要（也不应该）为每个图像和输入字段设置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>

---

我认为这应该让你走：

<form>
    <input type="button" id="minus" value="-" 
    onClick="textb.value = (textb.value-1)">
    <input type="text" id="textb" name="name" value="1" />
    <input type="button" value="+" 
    onClick="textb.value = (+textb.value+1)">
</form>

---

实例

您是否使用任何类型的库？我尝试了jquery，但我正在寻找更简单的方法。我可以帮您一把，但现在不行。我一小时后回来！我一直在寻找的答案。非常感谢！要对其进行限制，请使用

Math.max（0，…）

，因此

函数减量（myInput）{myInput.value=Math.max（0，（myInput.value-1）| | 0）}

。干杯

<form>
    <input type="button" id="minus" value="-" 
    onClick="textb.value = (textb.value-1)">
    <input type="text" id="textb" name="name" value="1" />
    <input type="button" value="+" 
    onClick="textb.value = (+textb.value+1)">
</form>