如何使用Vanilla Javascript获取输入的总值?

如何使用Vanilla Javascript获取输入的总值?,javascript,totals,Javascript,Totals,我试图用纯JavaScript从输入值中获取总量,但返回为空。每个输入的金额值格式如下0.00 PHP //代码的其余部分 $i=0; 而($row=mysqli_fetch_数组($result)){$i++; } 回声'; JS 函数totalResult(){ var arr=document.getElementsByName(“金额”); var合计=0; 对于(var i=0;i使用HTML5的查询选择器APIquerySelectorAll(),如下所示: 函数totalRes

我试图用纯JavaScript从输入值中获取总量,但返回为空。每个输入的金额值格式如下
0.00

PHP

//代码的其余部分
$i=0;
而($row=mysqli_fetch_数组($result)){$i++;
}
回声';
JS

函数totalResult(){
var arr=document.getElementsByName(“金额”);
var合计=0;

对于(var i=0;i使用HTML5的查询选择器API
querySelectorAll()
,如下所示:

函数totalResult(){
var arr=document.querySelectorAll('input[name=Amount]');
var合计=0;
arr.forEach(功能(项目){
if(parseInt(item.value))
总计+=parseInt(项值);
});
document.getElementById('total').value=parseFloat(total).toFixed(2);
}
totalResult();


结果:
什么会返回空白?能否粘贴浏览器中显示的生成HTML的示例?此外,您需要
parseFloat
而不是
parseInt
,因为输入值格式被称为
0.00
//rest of code
$i = 0;
while ($row = mysqli_fetch_array($result)) {$i++;
    <input id="Amount'.$i.'"  name="Amount" value="'.$plan['price'].'" type="text">
}

echo ' <input id="total"  name="finalResult" value="" type="text">';
function totalResult(){
    var arr = document.getElementsByName('Amount');
    var total=0;
    for(var i=0;i<arr.length;i++){
        if(parseInt(arr[i].value))
            total += parseInt(arr[i].value);
    }
    document.getElementById('total').value = total;
}