gpt4 book ai didi

javascript - 使用 jQuery 对来自几个文本输入的值求和

转载 作者:行者123 更新时间:2023-11-30 09:01:56 25 4
gpt4 key购买 nike

我有几个文本输入,我想计算另一个输入中值的总和。一旦用户在其中一个输入中输入一个值,这必须在运行中发生。我打算为此使用 jQuery,我想为每个输入添加一个类名,例如 class="input1"、class="input2"等等。

我的问题是我不知道将所有这些值相加,考虑到我有超过 50 个输入,我不想“手动添加”。

感谢任何形式的帮助。

最佳答案

如果用 input1input2 等类装饰所有要添加的输入,这将得到所有当前值的总和这些输入

var sum = 0;

$("input[class *= 'input']").each(function(){
sum += +$(this).val();
});

然后自然地,如果你想把这个值放在 id destination 的输入中

$("#destination").val(sum);

这是一个 fiddle

编辑

如果您希望它在任何这些文本框更改时运行,那么您可以将它放在更改事件处理程序中

$(document).on("change", "input[class *= 'input']", function() {
var sum = 0;

$("input[class *= 'input']").each(function(){
sum += +$(this).val();
});

$("#destination").val(sum);
});

这是fiddle

编辑

根据 Jaspers 的评论,如果您知道 input1input2 等,将始终是您输入的第一类,即,你永远不会

<input class='someNewClass input1'

那么你可以

$("input[class ^= 'input']").each(function(){

^= 表示开始于,而 *= 表示包含任何地方。

关于javascript - 使用 jQuery 对来自几个文本输入的值求和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8547070/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com