天天看点

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>      

继续阅读