更改时的 JavaScript 检查所有输入字段值

Question

我有一个包含纸箱数量值的输入字段数组，我想确保扣除的纸箱数量不会超过所需数量。当只有一个输入字段时它会起作用，例如当我有：

var input = document.getElementsByName('number_of_cartons');

但是我无法让它适用于值数组。

这是我的代码，如果有任何反馈，我将不胜感激。谢谢。

            var input = document.getElementsByName('number_of_cartons[]');
            for (var i = 0; i < input.length; i++) {
                var new_cartons = input[i];
                var existing_cartons = 25;
                var cartons_needed = 10;

                $(new_cartons).on('keyup', function () {
                   if ((new_cartons - existing_cartons) > cartons_needed) 
                       alert("Maximum number of cartons needed is " + cartons_needed + ".");
                });
            }

我可能可以将输入数组更改为单个输入（即从 number_of_cartons[ ] 更改为 number_of_cartons_1、number_of_cartons_2、number_of_cartons_3 等），但是整个网站正在使用数组版本，除非我更改它，否则它会弄乱所有内容遍布整个网站。

Answer 1

我们可以获取元素，将它们放入数组中，然后添加一个事件侦听器，该事件侦听器将始终与我添加的函数一起使用。

<input name="number_of_cartons">
<input name="number_of_cartons">

let input = document.getElementsByName('number_of_cartons');
let changeMe = "hello"

function cartonUpdate() {
  //[Native Code]
  //if((new_cartons - existing_cartons) > cartons_needed)  alert("Maximum number of cartons needed is " + cartons_needed + ".") });

}

for (let i = 0; i < input.length; i++) {
  input[i].addEventListener("keyup", function() {
    cartonUpdate();
  });
}

我希望这能回答多输入字段值部分。