导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
热门文章
1页面
关于
热度
442
2页面
程序员老黄历&求签
热度
403
3页面
友链
热度
364
4推文
《摇曳露营△》联合日本静冈县推出了新的圣地巡礼地图。 这周要去的圣地巡礼正是《摇曳露营△》第二季中的伊豆半岛,也就是巡礼地图的右下角这块区域。 可以看到光是伊豆半岛这块区域的巡礼地点就非常多。 此次行程准备用时2天,能逛多少就算多少。 《摇曳露营△》× 静冈县官方:https://yurucamp-shizuoka.com
热度
247
5博文
《泰拉瑞亚》1.4 突然无法拾取/捡取物品怎么办?
热度
117
6博文
大开眼界的《憧憬成为魔法少女非常热闹哟大感谢祭》S场
热度
91
7博文
《孤独摇滚》圣地巡礼——下北泽&下北泽咖喱节2023
热度
91
8博文
让智能AI(waifulabs)来为你生成老婆吧!
热度
78
9推文
好家伙,我用的日版oppo手机在刚才系统更新之后突然多出了两款系统APP,分别是“APP Picks”和“News Plus”,看起来是用来取代安卓原生的“Google Play”和“Google News”。如果是新机购买时自带还能理解,可问题是你在只提到了这次更新是安全性更新的前提下,突然给我加两个APP是不是有点太恶心了?甚至还不能删除! 在有“Google Play”的情况下,“APP Picks”真的非常鸡肋,上架“APP Picks”的APP主要面向国际版,少了一些日本本土的APP,而且还时不时弹出各种通知简直就是噩梦级体验。 我觉得加是可以加,但请至少给用户一些选择权。而不是在安全更新补丁中搞点自己的东西!
热度
65
10博文
探访《蜡笔小新》老家——春日部游记
热度
65
最新评论
广树
2024-10-10 19:57
@铭心:谢谢大佬夸奖,大佬的博客也很可爱。 关于友链,抱歉,希望能仔细阅读一下友链要求。
铭心
2024-10-10 19:52
博主你好啊,今天看到了这个博客非常的漂亮,想和你互加一个友链,我的博客已经挂上了贵站链接 名称:铭心の博客 简介:铭心的个人小窝(๑•ᴗ•๑) 连接:https://www.mxin.moe 图标:https://www.mxin.moe/favicon.ico
广树
2024-10-10 16:55
@Shawn:不过现在印象应该深刻了,是大佬!
Shawn
2024-10-10 15:50
@广树:哈哈哈没事~
广树
2024-10-10 15:35
@Shawn:因为我一开始就不是wordpress用户,抱歉...只能说听过GIligili这个名字😅
正在攻略

e54e3ae78936587d51e4b180673cb495.png

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

【jQuery】拆分数字位数

作者:广树时间:2016-03-13 18:10:15分类:JavaScript/jQuery/Vue

因为客户的要求,要将一串数字转换成类似xxx万xxxx元的格式,所以就试着写了下面的代码:

CSS:


.fl{
	float:left;
}
#nums{
	    height: 20px;
    line-height: 20px;
    border: 1px solid #ccc;
    padding-left: 3px;
}
#btn_go{
	background: #ED3D7D;
    padding: 2px 10px;
    color: #fff;
    border: 0px;
}


HTML:


<input id="nums" onkeyup="value=this.value.replace(/\D+/g,'')"/>
<button id="btn_go">点击拆分</button>
<div class="history_money_all_big_box">
  <div class="history_money_all_box fr">
    <div class="fl money_man_box">
      <div id="man_nums" class="nums_anime fl">0</div>
      <div id="man_nums_chache" style="display:none;"></div>
      <div class="fl">万</div>
    </div>
    <div class="fl">
      <div id="qian_nums" class="nums_anime fl">0</div>
      <div id="qian_nums_chache" style="display:none;"></div>
    </div>
    <div class="fl">元</div>
    <!--总金额输入到这里(无需拆分,必须为整数)-->
    <div id="all_money_cache" style="display:none;">31087</div>
  </div>
</div>


JS:


<script>
$(document).ready(function () {
	$('#btn_go').click(function(){
	var nums = $('#nums').val();
	/*判断有没有输入数字*/
	if(nums==""){
		return false
	}
	/*先将数字除以10000小数点前的就是万元数字*/
	var man_qian_num = parseInt(nums)/10000; 
    var strs_qian=man_qian_num.toFixed(4); 
	/*小数点进行拆分*/
    var arr_qian = strs_qian.split(".");
	
   /*输出万位后面的数字*/
   $('#qian_nums').html(arr_qian[arr_qian.length - 1]);
   

   var strsb_man=man_qian_num.toFixed(0); 
   /*判断万位数是否为0*/
   if(strsb_man<=0){
	   /*如果万位数为0则要筛选数字前面的0*/
	   var qian_zero = $('#qian_nums').html();
	   $('#qian_nums').html(qian_zero.replace(/\b(0+)/gi,""))
   }
   /*如果万位数后面本身是0*/
   if(qian_zero<=0){
	   /*直接输出0*/
	   $('#qian_nums').html("0")
   }
   /*输出万位数前面的数字*/
   $('#man_nums').html(strsb_man)
   });
});
</script>


#.split(".")