<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>数字每隔三位逗号隔开</title>

</head>

<style type="text/css">

	.text{

		width: 300px;

		height: 40px;border: 1px solid #ccc;

		color: #000;font-size: 16px;line-height: 40px;font-weight:bold;

	}

</style>

<body>

	<div class="one">

		<h3>方法1</h3>

		<input class="one_input" value="100043241231.6">

		<input class="one_btn" type="button" value="提交" onclick="numbers.one()">

		<div class="one_text text">...</div>

	</div>

	<div class="two">

		<h3>方法2</h3>

		<input class="two_input" value="178943241231.5">

		<input class="two_btn" type="button" value="提交" onclick="numbers.two()">

		<div class="two_text text">...</div>

	</div>

	<div class="three">

		<h3>方法3</h3>

		<input class="three_input" value="12223241231.126">

		<input class="three_btn" type="button" value="提交" onclick="numbers.three()">

		<div class="three_text text">...</div>

	</div>

</body>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

<script type="text/javascript">

	var numbers = {

		one : function(){

			var oneval = $(".one_input").val();

			$(".one_text").html(parseFloat(oneval).toLocaleString());

		},

		two : function(){

			var twoval = $(".two_input").val();

			$(".two_text").html(fun.format_number1(twoval));

		},

		three : function(){

			var threeval = $(".three_input").val();

			$(".three_text").html(fun.format_number1(threeval));

		}

	}

	var fun = {

		format_number1 : function(n){

			var b=parseInt(n).toString();

		   	var len=b.length;

		   	if(len<=3){return b;}

		   	var r=len%3;

		   	return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(","):b.slice(r,len).match(/\d{3}/g).join(",");

		},

		format_number2 : function(str){

			var newStr = "";

			var count = 0;

			if(str.indexOf(".") == -1){

   				for(var i=str.length-1;i>=0;i--){

		 			if(count % 3 == 0 && count != 0){

		   				newStr = str.charAt(i) + "," + newStr;

		 			}else{

		   				newStr = str.charAt(i) + newStr;

		 			}

		 			count++;

   				}

   				str = newStr + ".00"; //自动补小数点后两位

   				console.log(str)

			}else{

		   		for(var i = str.indexOf(".")-1; i>=0; i--){

		 			if(count % 3 == 0 && count != 0){

		   				newStr = str.charAt(i) + "," + newStr;

		 			}else{

		   				newStr = str.charAt(i) + newStr; //逐个字符相接起来

		 			}

		 			count++;

		   		}

		   		str = newStr + (str + "00").substr((str + "00").indexOf("."),3);

		   		console.log(str)

		 	}

		}

	}

</script>

</html>

　　

js j将数字每三位用逗号隔开的方法的更多相关文章

  1. js 现给数字加三位一逗号间隔的种方法

    方法一:(ie下有问题) <script type= "text/javascript"> var num_s = "1232134456.546 " ...

  2. JS 给数字加三位一逗号间隔的方法

    1.方法 function format_number(n) { var b = parseInt(n).toString(); var len = b.length; ) { return b; } ...

  3. php实现数字格式化，数字每三位加逗号的功能函数

    原地址:http://www.jb51.net/article/73781.htm php实现数字格式化,数字每三位加逗号的功能函数,具体代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 ...

  4. js里用 toLocaleString 实现给数字加三位一逗号间隔（有无小数点都适用）

    <input type="hidden" id="totalLandArea" value="<%-info.totalLandArea% ...

  5. JS数字每三位加逗号的最简单方法

    <script> function thousands(num){ var str = num.toString(); var reg = str.indexOf("." ...

  6. js给数字加三位一逗号间隔的两种方法（面试题）

    方法一:   <script type= "text/javascript"> //保留三位小数,toLocaleString() 方法可把一个 Number 对象转换 ...

  7. js里实现给数字加三位一逗号间隔的两种方法

    方法一: <script  type= "text/javascript"> var   num_s = "1232134456.546 ";ale ...

  8. js字符串转换为数字的三种方法。（转换函数）（强制类型转换）（利用js变量弱类型转换）

    js字符串转换为数字的三种方法.(转换函数)(强制类型转换)(利用js变量弱类型转换) 一.总结 js字符串转换为数字的三种方法(parseInt("1234blue"))(Num ...

  9. iOS-格式化金额,三位一逗号

    代码地址如下:http://www.demodashi.com/demo/11244.html 项目版本更新迭代中, 新增需求: 所有金额必须用标准会计表示方式(￥94,862.57). 而之前金额展 ...

随机推荐

  1. 【js】【跨域问题】前后端分离的跨域问题

    最近在研究nodejs,php的前后端分离相关东西,在调用接口的时候碰到一些跨域的问题,经过一段时间的摸索,总结出来的一些东西 php采用的是yii框架,登录的机制或者调用接口都需要前端传递cooki ...

  2. 【yii】【php】自定义故障代码

    实际状态码: 200 操作成功 406 账号密码错误 208 请勿重复操作 401 需登陆验证 405 不容许此方法 409 验证错误

  3. Linux相关常用命令

    1.XShell中上传文件命令 首先需要安装rz文件上传工具: yum -y install lrzsz 然后执行以下命令,可打开本地系统的选择文件窗口:(或者直接把本地的文件拖动到SSH Shell ...

  4. Codeforces Round #392 (Div. 2) Unfair Poll

    C. Unfair Poll time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  5. idea中用maven打包spring的java项目(非web)

    之前一直用安装的maven打包spring的javaweb项目,用的是mvn assembly:assembly打包,这次打包非web的spring项目,遇到许多问题,特记录一下正确步骤. 1.配置p ...

  6. Android 浮动按钮+上滑隐藏按钮+下滑显示按钮

    1.效果演示 1.1.关注这个红色的浮动按钮 . 可以看到,上滑的时候浮动按钮消失,因为用户迫切想知道下面的东西,而不是回到顶部. 当下滑的时候,用户想回到原来的位置,就可以点击浮动按钮,快速回到顶部 ...

  7. 20145202 《信息安全系统设计基础》git安装

    git的安装 直接输入指令将其安装就可以了. 安装的时候要设置公钥,我不知道以前在windows上设置过的公钥是否还能用所以我就还是从新搞了一个. 验证可以连通 遇到的问题

  8. [bzoj3071]N皇后

    哈哈哈水题~ 但是不能一眼看出来的..我想了一个小时?! 题面 Description “国际象棋中,一方的皇后数不能超过5个” 一个N*N的棋盘,任意摆放皇后,最坏情况下最少需要多少个皇后才能保证所 ...

  9. 安测云验证有CTA问题

    背景: 现在所有的app 都需要通过工信部的审核.用户不同意之前,不能联网. 那么,我怎么知道自己的应用有没有联网呢?那么多sdk ,那么多代码?我怎么测试呢? 哈哈,我们测试给的方法真的很管用. l ...

  10. Windows+Python 3.6环境下安装PyQt4

    第一步:下载.whl,地址:https://www.lfd.uci.edu/~gohlke/pythonlibs/#pyqt4,这里可以下载不同的python版本对应的包. 第二步:选择一个目录,将下 ...