Jquery 文本框上的求和操作

我有多个文本框（class

txtsum

），应该只允许数字。当用户在文本框中键入时，如何计算所有这些文本框的总和

var $txtb = $(':input.txtsum');
$txtb.on('change',function(){
    tot = 0.0;
    $txtb.each(function() {
        tot += parseFloat($(this).text());
    });
});

你能建议我做这件事的正确/更好的方法吗？以下是我尝试改变的内容

tot += parseFloat($(this).text());

到

您应该使用

.val

获取任何输入元素的值，如

输入

，

选择

我还修改了你的代码，如下所示

演示：

改变

tot += parseFloat($(this).text());

到

您应该使用

.val

获取任何输入元素的值，如

输入

，

选择

我还修改了你的代码，如下所示

演示：

.text（）

不适用于输入类型。。改用

.val（）

而不是

 $(this).text()

使用

完整代码

    var $txtb = $(':input.txtsum');
$txtb.on('keyup', function() {
    tot = 0.0;
    $txtb.each(function() {
        var t = $(this).val() != '' ? $(this).val() : 0;
        tot += parseFloat(t);
    });
    $("p").html(tot);
});​

.text（）

不适用于输入类型。。改用

.val（）

而不是

 $(this).text()

使用

完整代码

    var $txtb = $(':input.txtsum');
$txtb.on('keyup', function() {
    tot = 0.0;
    $txtb.each(function() {
        var t = $(this).val() != '' ? $(this).val() : 0;
        tot += parseFloat(t);
    });
    $("p").html(tot);
});​

---

@KayKay将顶部的

MooTools

更改为

jQuery

left@KayKay用演示更新了答案。完美..当我将焦点转移到下一个文本框时，总数就会发生。有什么方法可以在我打字时计算吗？@KayKay查看更新的答案和演示。您只需将

change

更改为

keyup

@KayKay将

MooTools

更改为顶部的

jQuery

left@KayKay用演示更新了答案。完美..当我将焦点转移到下一个文本框时，总数就会发生。有什么方法可以在我打字时计算吗？@KayKay查看更新的答案和演示。您只需将

change

更改为

keyup

如何在段落中显示总计？首先将框架更改为jQuery而不是MooTools…需要将写入段落的块移动到for循环之外。否则它将覆盖当前值如何在段落中显示总计？首先将框架更改为jQuery而不是MooTools…需要将正在写入段落的块移动到for循环之外。否则将覆盖当前值