如何正确地将JQuery函数从表单的输入标记中检索到的这些字符串对象转换为数字

How can I correctly convert into number these string object retrieved from input tag of a form by this JQuery function?

本文关键字：检索 字符串 数字 转换 对象 JQuery 正确地 函数 输入 表单      更新时间：2023-09-26

我是JavaScript和JQuery的新手，我有一个奇怪的行为，在JQuery函数中添加了一个简单的数学和，该函数从JSP页面内的某个输入字段中检索数字（我不能放入JSFiddle，因为值取自JSP模型对象）

这就是我的JQuery函数：

$("#variazioneUlterioreSaldoInput").bind('change keyup', function() {
        console.log("VALUE CHANGED !!!");
        var ulterioreSaldo = $("#variazioneUlterioreSaldoInput").val();     // Non ha separatori di migliaia o di decimanli quindi non devo eseguire replace
        var saldo = $("#saldo").val().replace(/[^0-9,]/g, '').replace(",","."); 
        var anticipo = $("#anticipo").val().replace(/[^0-9,]/g, '').replace(",","."); 
        var totalePagamento = ulterioreSaldo + saldo + anticipo;
        console.log("ulterioreSaldo: " + ulterioreSaldo );
        console.log("ulterioreSaldo type: " + typeof ulterioreSaldo);   
        console.log("saldo: " + saldo);
        console.log("saldo type: " + typeof saldo); 
        console.log("anticipo: " + anticipo);
        console.log("anticipo type: " + typeof anticipo); 
        console.log("totalePagamento: " + totalePagamento);
        console.log("totalePagamento type: " + typeof totalePagamento);   
    });

其检索并求和从3个差分输入字段获得的3个值。

因此，对于从具有id="saldo"和id="anticipo"id的输入标记中检索到的值，我应用了一个替换为2的正则表达式，因为这些字符串表示格式化的数字，所以在求和之前，我必须获得一个纯数字。

问题是，当我通过以下行执行这些值的总和时：

var totalePagamento = ulterioreSaldo + saldo + anticipo;

我获得了与总和相关的错误输出：totalPagemento:0.010.004499.48，这是FireBug控制台的整个日志。

VALUE CHANGED !!!
ulterioreSaldo: 0.01
ulterioreSaldo type: string
saldo: 0.00
saldo type: string
anticipo: 4499.48
anticipo type: string
totalePagamento: 0.010.004499.48
totalePagamento type: string

正如您所看到的，我还打印了检索到的对象的类型，它们似乎是String而不是Number，所以当我使用+运算符时，这些值是串联的，而不是求和的。

如何正确地将这些值转换为数字并求和？

由于要添加十进制数，请尝试使用parseFloat方法：

var totalePagamento = parseFloat(ulterioreSaldo) + parseFloat(saldo) + parseFloat(anticipo);

如果你只想在小数后使用两位数字：

totalePagamento.toFixed(2);

使用parseFloat（）对值求和

var totalePagamento = parseFloat(ulterioreSaldo) + parseFloat(saldo) + parseFloat(anticipo);
totalePagamento = totalePagamento.toFixed(2); //it will set floating point to 2 values e.g. 40.22

您必须使用parseFloat()函数将字符串转换为数字。parseFloat()函数解析字符串参数并返回一个浮点数。

$(document).ready(function(){
var ulterioreSaldo = "0.01";
var saldo = "0.0";
var anticipo = "4499.48";
var sum = parseFloat(ulterioreSaldo) + parseFloat(saldo) + parseFloat(anticipo);
alert(sum);
});

这里有一个相同的演示。

相关文章：