显示只有两个数字结果

Question

小数我有以下为获得三个文本字段的总和值这段JavaScript代码。 当显示结果时，我需要显示两位小数。请帮帮我。 我已经尝试了很多方法来获取小数位，但找不到方法。

<script type="text/javascript"> 
     function num(id) { 
      var e = document.getElementById(id); 
      if (e != null) { 
       var v = e.value; 
       if (/^\d+$/.test(v)) { 
        return parseInt(v, 10); 
       } 
      } 
      return 0; 
     } 

     function sum() { 
      var v1 = num("contNo6_1"); 
      var v2 = num("contNo6_2"); 
      var v3 = num("contNo6_3"); 

      var r = document.getElementById("result"); 
      r.toFixed(2); 

      if (r != null) { 
       r.value = v1 + v2 + v3; 
      } 
     } 

     function addHandler(element, eventName, handler) { 
      if (element.addEventListener) { 
       element.addEventListener(eventName, handler, false); 
      } else if (element.attachEvent) { 
       element.attachEvent("on" + eventName, handler); 
      } 
     } 

     addHandler(window, "load", 
       function() { 
        addHandler(document.getElementById("contNo6_1"), "keyup", sum); 
        addHandler(document.getElementById("contNo6_2"), "keyup", sum); 
        addHandler(document.getElementById("contNo6_3"), "keyup", sum); 
       }); 
    </script> 

Answer 1

你num()函数返回整数或零，所以你永远不会得到一个小数位显示。更改num()处理浮点数是这样的：

function num(id) { 
     var e = document.getElementById(id); 
     if (e != null) { 
      var v = e.value; 
      if (/^[0-9]{1,}\.?[0-9]*$/.test(v)) { // New regex to accept 
               // number with decimal point 
      return parseFloat(v);    // parse for Float instead of Int 
      } 
     } 
     return 0; 
    } 

下面是一个updated fiddle

Answer 2

您可以在js中使用toFixed方法。

var value = 10.123349; 
var valueWithTwoDecimal = value.toFixed(2); 

/******* 
Output : 10.12 
*******/ 

http://jsfiddle.net/Aveendra/KggSC/