我在编写将执行以下操作的 javascript 时遇到问题:
单击图像时增加/减少文本框内的数字。 为该文本框设置限制(不低于零,不高于 x)
请知道我在同一个页面中有很多文本框,那么如何解决这个问题?
最佳答案
您不需要(也不应该)为每个图像和输入字段设置 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;
}
关于javascript - 使用javascript增加/减少文本字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5278658/