javascript - 总结 jQuery 中的文本框列表

我有一个表单，其中使用 jquery 动态添加了文本框。
文本框 ids 形成一个数组，即 Quantity[0], Quantity[1], Quantity[2] ...

我想在这些文本框中添加数字并在另一个名为“total_quantity”的文本框中显示该值，最好是在焦点移出数组文本框时。

我该怎么做？我不介意使用 jQuery 或普通的 javascript，哪个更容易。

最佳答案

我建议为您的数量字段提供一个通用类，以便:

<input type="text" class="quantity" onblur="calculateTotal();" />

然后您就可以使用 jQuery 定义以下函数:

function calculateTotal() {
    var total = 0;

    $(".quantity").each(function() {
        if (!isNaN(this.value) && this.value.length != 0) {
            total += parseFloat(this.value);
        }
    });

    $("#total_quantity").val(total);
}

每次焦点从数量字段转移时，都会触发 onblur 事件。反过来，这将调用 calculateTotal() 函数。

如果您不想添加公共(public)类，您可以使用 $("input[id^='Quantity[']") 选择器，正如 Felix 在下面的评论中所建议的那样。这将匹配所有具有以下 id 开头的文本框:Quantity[

关于javascript - 总结 jQuery 中的文本框列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2171597/