如何使用jquery实时求和小数？

Question

我做了一个脚本来和2文本字段的值，并自动在另一个文本框的结果中得到值，问题是没有使用小数进行和。

如果每个文本框有更多的自动转换为2小数点，并将结果转换为2小数点，我希望将每个文本框舍入2小数点。

这是演示

<script type="text/javascript">
  jQuery("#ige").live("change", function(){
    ige_value = parseInt(jQuery(this).val());
    sba_value = parseInt(jQuery("#sba").val());           
    total = ige_value + sba_value  
 jQuery("#result").val(total.toFixed(2));   
 });
</script> 

FIRST VALUE<input id="ige" name="ige" type="text" > <br/> 
SECOND VALUE <input id="sba" name="sba" type="text" ><br/> 
RESULT: <input id="result" name="result" type="text" >

​

​

有人能帮我吗？

Answer 1

问题在于您使用的是parseInt：

 ige_value = parseInt(jQuery(this).val());

整数没有十进制值，请尝试将其替换为：

 ige_value = parseFloat(jQuery(this).val());

您可以使用.toFixed(2)始终显示结果上的2个小数。

Answer 2

尝试使用parseFloat。这里使用的是整数，它不支持小数。

使用toFixed(2);进行格式化

这里有更多信息：格式数字要始终显示小数点2位

Answer 3

这是另一个答案，似乎也修复了在选择"ige“值时可能出现的一些逻辑错误。首先，下面是代码，然后是一个新的jsFiddle：

HTML

FIRST VALUE
<input id="ige" name="ige" type="text">
<br/>SECOND VALUE
<input id="sba" name="sba" type="text">
<br/>RESULT:
<input id="result" name="result" type="text">

现在是JavaScript

jQuery("#ige, #sba").live("change", function () {
   var ige_value = Math.round(parseFloat(jQuery("#ige").val()) * 100.0) / 100.0;
   jQuery("#ige").val(ige_value);
   var sba_value = Math.round(parseFloat(jQuery("#sba").val()) * 100.0) / 100.0;
   jQuery("#sba").val(sba_value);
   var total = ige_value + sba_value;
   jQuery("#result").val(total.toFixed(2));
});

JavaScript所做的是寻找中的一个更改-- "#ige“或"#sba”，并适当地进行计算。这两个输入文本字段的值也会根据规则进行更改。

下面是一个用于测试的新jsFiddle：

jsFiddle