使用 Jquery .change 对一类输入框求和答案

【问题标题】：Use Jquery .change to sum a class of input boxes使用 Jquery .change 对一类输入框求和
【发布时间】：2013-06-08 19:40:29
【问题描述】：

我想创建一个.change 事件，该事件会在特定类别的输入框中的文本发生更改时触发。我有几个框，我想将它们汇总在一起，并在值更改时刷新总数。我可以为整个类创建一个引用.change 事件的函数吗？

对输入框（id="Value1"）进行“更改”操作相对简单：

$('#Value1').change(function(){
    alert("The text has been changed.");
});

假设“Value1”是一个类 SumText 框：

   <input class="SumText" type="text" id="Value1">

每当“SumText”类的任何字段发生变化时，我都想触发一个将它们加在一起的函数。为了简单起见，我们只说我们只有“Value1”和“Value2”。我们可以将该总和输出到“Total”。 "Total" 属于 TotalText

类

这可以在 JQuery 中完成吗？这样我就不必为每个事件创建一个事件处理程序，也不必在每个输入框中为 onchange 指定一个目标函数。

【问题讨论】：

使用.keypress 捕捉文本输入的任何变化。但这会在每次按下键盘按钮时触发。 $('#Value1').keypress(function(){ console.log($(this).val()); });
奥马尔，这似乎工作得很好。我不知道该功能（我还是 JQuery 的新手）。感谢您的提示！

【解决方案1】：

$('.SumText').change(function(){
    alert("Some text has been changed.");
});

你有它。它与 ID 相同，但使用点而不是井号。

编辑：但正如@omar 所指出的那样，使用 keypress 或 keydown 方法可能会更好

【讨论】：