多个输入数字段jquery的和值

Question

我有多个具有相同类的输入数字字段，我必须总结它们但是当我尝试使用我的javascript时，我总是得到NaN结果var arrNumber = new Array(); //contain the number of specific input field         var totale;         $(".input-n-pro").bind('keyup mouseup', function () {              totale = 0;         $('.input-n-pro').each(function(){         var this_num = $(this).val();             totale = parseInt(this_num)+parseInt(totale);         })         console.log("totale="+totale);});输入的html是这个，由php生成，一个表格的每一行<input type="number" name="<?php echo $data["name"];?>" min="0" max="500" placeholder="0" class="form-control input-xs input-n-pro"  style="display: inline">我不知道它不起作用，它只使用js withous jquery，但我必须得到每个字段的id来做到这一点，我想为同一个班级的每个人做这个，因为他们是dinamic字段PS我工作的另一部分是获取这些字段的每个名称并存储它们以便我可以在js中有一个数组，其中我有输入名称和数字值，但我不知道该怎么做因为它们是dinamic

Answer 1

您可能正在解析不是整数的东西。然后parseInt将无法工作并返回NaN。如果你将NaN求和，那么它将保持NaN，例如：

// working testcase:

const testArray = ['2', '3', '4'];

let total = 0;

for (value of testArray) {

    total += parseInt(value);

}

// returns 9

console.log(total);

// your testcase:

const testArray2 = ['2', '3', 'notANumber'];

let total2 = 0;

for (value of testArray2) {

    total2 += parseInt(value);

}

// returns NaN since we are adding 2 + 3 + NaN = NaN

console.log(total2);

因此解决方案是通过将NaN视为0来“否定”NaN：

    //  solution:

    const myArray = ['2', '3', 'notANumber', '4'];

    let total = 0;

    for (value of myArray) {

        // treat NaN, undefined or any falsey values as 0.

        total += parseInt(value) || 0;

    }

    //  returns 9

    console.log(total);

要在代码中集成此概念，您将获得以下内容：

let total = 0;

$('.input-n-pro').each(() => {

  let valueInString = $(this).val();

  let actualValue = parseInt(valueInString) || 0;

  total += actualValue;

});

Answer 2

如果其中一个输入值为空，则parseInt返回NAN。因此，您可以使用IsNan函数更好地进行检查。如果输入为空而不是赋值0。例如;

var x = parseInt（$（'＃abc'）。val（））; if（isNaN（x））x = 0;