天天看點

HTML 數字的處理方法(保留小數點兩位、将數字轉化為千分位格式)

可參考連結

  • ​​js保留兩位小數方法總結​​

代碼

<!DOCTYPE html>
<html>  
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>JS</title>
        <script type="text/javascript" src="jquery.min.js"></script>
    </head>
<style>body {
      text-align: center;
  }</style>
  <body>
      <div id="box">
          <input type="number" name="number" id="number">
          <button class="btn" onclick="doClick()">保留兩位小數</button>
          <button class="btn" onclick="doClick2()">轉換為千分位格式</button>
      </div>
      <script type="text/javascript">function doClick(){
            var numberValue = $("#number").val()
            alert("numberValue = " + numberValue)
            var resultValue = to2bits(numberValue)
            resultValue = resultValue.toFixed(2);
            alert("resultValue.toFixed 2 = " + resultValue)
        }

        function doClick2(){
            var numberValue = $("#number").val()
            var resultValue = numToMoneyField(numberValue)
            alert("resultValue = " + resultValue)
        }

        function to2bits(flt) {
            if (parseFloat(flt) == flt) {
                return Math.round(flt * 100) / 100; // 到2位小數
            }
            else
                return 0;
        }

        //轉換為千分位格式
        //将1234567.00轉換為1,234,567.00
        function numToMoneyField(inputString) {
            regExpInfo = /(\d{1,3})(?=(\d{3})+(?:$|\.))/g;
            var ret = inputString.toString().replace(regExpInfo, "$1,");
            return ret;
        }</script>
  </body>
</html>      

繼續閱讀