HTML 数字的处理方法(保留小数点两位、将数字转化为千分位格式)

可参考链接

  • js保留两位小数方法总结

代码

1234567.00 转换为 1,234,567.00


<html>  
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>JStitle>
        <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>

你可能感兴趣的:(html,大前端)