如何使用Vanilla Javascript获取输入的总值?
我试图用纯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
0.00
PHP
//代码的其余部分
$i=0;
而($row=mysqli_fetch_数组($result)){$i++;
}
回声';
JS
函数totalResult(){
var arr=document.getElementsByName(“金额”);
var合计=0;
对于(var i=0;i使用HTML5的查询选择器APIquerySelectorAll()
,如下所示:
函数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;
}