JQuery金额加法运算

需求:

       后端传过来的数据是带千分位且保留两位小数的金额,要在前端做加法运算,并仍以千分位且保留两位小数的形式展示。

一、两个字符串相加

  var a = '12,345.67';
  var b = '76,543.21';
  var c = a + b ;
  console.log(c);

结果是字符串拼接:12,345.6776,543.21

二、字符串转数字后相加

  var a = '12,345.67';
  var b = '76,543.21';
  var c = Number(Number(a.replace(/,/g, "")).toFixed(2)*1 + 
                  Number(b.replace(/,/g,"")).toFixed(2)*1);
	console.log(c);

结果为和:88888.88

//分析
 var a = '12,345.67';
 var b = '76,543.21';
 var c = Number(
                  Number(a.replace(/,/g, "")) //这里先将字符串中的逗号去掉
                      .toFixed(2)*1           //转为保留两位小数的Number类型
                                        + 
                  Number(b.replace(/,/g,""))
                      .toFixed(2)*1           //如果不*1,相加后还是字符串拼接
         );                                   //最后还要对结果进行Number转换
console.log(c);

三、数字转为千分位的字符串表示

 var d = '88888.88';
 var result =d.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');
 console.log(result);

结果为:88,888.88

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery是一种流行的JavaScript库,提供了许多实用的功能和操作DOM(文档对象模型)的便捷方式。虽然它不是一个完整的编程语言,但它可以用来实现简单的四则运算。 首先,您需要创建一个基本的HTML页面,其中包含一个表单,它包含两个文本框和四个按钮(加号,减号,乘号,除号)。您应该在页面中包含jQuery库,这可以通过将以下代码添加到HTML文件中来实现: ```html <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> ``` 然后,您需要为每个按钮添加点击事件处理程序。这些处理程序将从文本框中获取值并对它们执行所需的计算。例如,以下代码演示如何添加两个数字的加法: ```javascript $(document).ready(function() { $('#add').click(function() { var num1 = parseFloat($('#num1').val()); var num2 = parseFloat($('#num2').val()); var result = num1 + num2; $('#result').text(result); }); }); ``` 这个代码块会在页面加载完成后运行,并使用jQuery选择器来找到id为“add”的按钮。当该按钮被点击时,它会获取id为“num1”和“num2”的文本框的值,并使用parseFloat函数将其转换为数字。然后,它将这两个数字加起来,并将结果显示在id为“result”的元素中。 您可以按照相同的协议创建处理器来执行减法,乘法和除法,但是要注意检查您的输入以避免在除以零时发生错误。 这只是一个jQuery实现简单的四则运算的例子。当然,随着需求的增加和复杂性的增强,需要用到更多的代码和技巧。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值