对于给一组数字添加千分符,我能想到的方法有两种,一种是通过循环遍历,另一种是使用正则表达式。

第一种方法太笨了,这里就用第二种方法实现。

代码是在网上找的,因为添加千分符的正则表达式我是不会写的。

<html>
<head></head>
<body>
<input id="val" type="text" value="1231234564.454" />
<button οnclick="get()">get it</button>
<script type="text/javascript">  var $=function(){  return document.getElementById(arguments[0]);  }  function get(){  var val=$('val').value;  if(val!=''&&!isNaN(val)){  re=/(\d{1,3})(?=(\d{3})+(?:$|\.))/g;  n=val.replace(re,"$1,");  alert(n);}else alert('请输入数字');  }
</script> </body>
</html>

之前写的太粗糙了,有些细节没有做。刚才做了一个实例。

<html>
<head></head>
<body>
<span id="subtotal">59,210.00</span><br />
<input id="txtDiscount" type="text" οnblur="get();" />%<br />
<span id="result" style="color:red;"></span>
<!--<button οnclick="get()">get it</button>-->
<script type="text/javascript">
var $=function(){  return document.getElementById(arguments[0]);
}
function get(){  var val=$('subtotal').innerHTML.replace(/,/g,"");var discount = $('txtDiscount').value;var total;if(discount!==''&&!isNaN(discount)){total = parseFloat(val)*(1-parseFloat(discount)/100);total = total.toFixed(2) + "";var re=/(\d{1,3})(?=(\d{3})+(?:$|\.))/g;  var n=total.replace(re,"$1,");  $("result").innerHTML = n;}else{alert("Please input discount");}
}
</script> </body>
</html>

这样就好多了。是个实际的应用啦。

javascript 添加千分符相关推荐

  1. JavaScript正则-添加千分符的三种方法

    JavaScript正则-千分符 方法一:分组 var str = "4234513634"; // 4,234,513,634 var reg = /^(\d{1,3})((?: ...

  2. word文档怎么给数字加千分符_怎样给Word添加千分符

    Word作为生活中常用的文本形式,有诸多用处,也有很多技巧,今天和大家分享的就是其中千分符的使用,千分符的效果是可以帮助我们在数字比较大,位数比较多的时候,对数字有个清晰直观的感受,快跟小编一起看看怎 ...

  3. word文档怎么给数字加千分符_word实用技巧:如何为数字添加千分符的3种方法

    我们在用Word做各类文书.标书.策划类时,有时会在文档中书写多位数的金额数据,如下图所示的调薪通知: 看到上方薪资单中的信息我是拒绝的,一般情况下,金额位数比较多时,应该设置添加千分符.但文档中12 ...

  4. JS中给数字添加千分符

    一些项目在开发过程中,会遇到给表格.图表中的数字添加千分符的问题,下面分享一个简单实用的函数给大家. const thousands = (str) => {//str 字符类型的数字let t ...

  5. 详解为整数添加千分符的正则表达式

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 整数添加千分符 使用方法 详解 使用示例 总结 前言 最近在项目中遇到一个小的需求,就是给金额加上千分符,原本想着直接 ...

  6. javascript为数字添加千分符

    实现的功能为: 123456789 转换为123,456,789 使用的正则表达式如下所示: /(\d{1,3})(?=(\d{3})+$)/g 使用方式: var num = 123456789; ...

  7. 给数字添加千分符 和去除千分符

    ===========================主要代码 function commafyback(num) { var x = num.split(','); return parseFloa ...

  8. js 数字转为千分符格式

    function util(){//字符串千分符this.cuter = function (v, n) {if (typeof (v) == 'string' || typeof (v) == 'n ...

  9. html5 input 金钱符,Vue金额千分符格式化输入组件

    目的效果: 1.focus时是浮点数 2.blur时展示的是千分符格式 3.输入框取值时是浮点数 4.基于element-ui el-input :value="formatValue&qu ...

最新文章

  1. web前端----jQuery属性操作
  2. DataList 外部事件获取DataList内部值
  3. 教师节特辑丨网易云信:素质教育「名师」是如何炼成的?
  4. 面试官问我会不会APP抓包,我..
  5. 八皇后问题求解动态图形演示
  6. python Lambda 表达式
  7. 《云阅》一个仿网易云音乐UI,使用Gank.Io及豆瓣Api开发的开源项目
  8. WebGL入门教程一:基本概念和使用说明
  9. 解决windows软件默认安装到C盘问题
  10. LINUX下安装svn客户端
  11. 谷歌大脑的“世界模型”简述与启发
  12. Python读写txt文件
  13. 整合UWALOHA和VBF
  14. qlv转MP4(笨方法,大用途)
  15. element tree 父级勾选子级也勾选,子级勾选默认父级也勾选, 子级取消勾选不影响父级勾选(前端)
  16. Java利用公式求自然对数的底e
  17. 《 2021大学生就业分析报告 》
  18. Random库的8个函数
  19. 联想昭阳E4电脑U盘安装Win10系统操作教学
  20. Hello, World! 发明者布莱恩·W.克尼汉的传奇人生

热门文章

  1. 手机蓝牙连接GPrinter打印机进行打印 iOS
  2. 学考计算机会考考点工作总结,信息技术学业水平考试工作总结.docx
  3. 网线传输速度测试_家中重新布了网线,要测试有没有达到千兆的网速,应该怎么做?...
  4. Mweb优化css样式
  5. Auto.js协议实战脚本_抓包(实战二)
  6. ES索引清理脚本-总结
  7. 清理数据库软件(暴力删除)
  8. [Visual Studio]Code Snippet
  9. 数据采集器的三大分类
  10. 第七章 面向对象核心