简单的jQuery总和 [英] Simple jquery sum

问题描述

我的输入字段数量未知，具有"add"类，我只想用jquery将它们加起来，不知道我在哪里错了.

I have unknown number of input fields, having class "add" I just wants to sum these with jquery, dont know where I am wrong.

<input name="add" class="add" type="text">
<input name="add" class="add" type="text">
<input name="add" class="add" type="text">
<input name="add" class="add" type="text">

<input type="button" value="" onClick="add()" />

`

function add(){
        val = 0;
        $(".add").each(function() {      
            str = (parseInt(this.value))
            sum=str+str
        });
        alert (sum)
    }

`

推荐答案

您从未真正在sum中添加内容:

You're never actually adding stuff into sum:

function add() {
    var sum = 0;
    $(".add").each(function() {   
        sum += +this.value;
    });
    return sum; // an add function shouldn't really "alert"
}

如果打算仅支持整数，请使用parseInt(this.value, 10) [请注意基数参数]代替+this.value:

If the intention is to only support whole numbers, use parseInt(this.value, 10) [note the radix parameter] instead of +this.value:

function add() {
    var sum = 0;
    $(".add").each(function() { 
        var str = this.value.trim();  // .trim() may need a shim
        if (str) {   // don't send blank values to `parseInt`
            sum += parseInt(str, 10);
        }
    });
    return sum;
}

请参见 http://jsfiddle.net/alnitak/eHsJP/

这篇关于简单的jQuery总和的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！