jQuery技术

购物车计算价格JQ问题

字号+ 作者:H5之家 来源:H5之家 2015-11-01 11:02 我要评论( )

购物车商品信息是从数据库得到,数量可以输入可以通过按钮控制,商品小计是用JQ计算,数量乘以单价(单价只是一个两位小数,前面的¥和后面的/500g都是格式加上去

这是 JS 进行浮点计算精度的问题。当我们用 JS 计算 0.1 + 0.2 的时候会出现如下结果,

0.1+0.2

是不是很诧异,这和 Float 计算本身是有关系的。一般和价格计算相关的情况,适合用整型进行存储,这样就不会出现浮点型计算的问题了。

解决方案

var unitPrice = 19.80; var amount = 3; var totalPrice; totalPrice = unitPrice * amount; console.log(totalPrice); // 59.400000000000006 totalPrice = (unitPrice * 100) * amount / 100; console.log(totalPrice); // 59.4 totalPrice = parseFloat((unitPrice * amount).toFixed(2)); console.log(totalPrice); // 59.4

JS 浮点数计算问题,可以参考JS 计算 精度 问题

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery实现购物车数字加减效果

    jQuery实现购物车数字加减效果

    2015-11-15 18:28

  • jquery计算鼠标和指定元素之间距离的方法

    jquery计算鼠标和指定元素之间距离的方法

    2015-10-28 12:25

  • 信鸽网 - 文档分享及发现价值平台

    信鸽网 - 文档分享及发现价值平台

    2015-10-15 10:33

  • JQuery全36讲 视频教程

    JQuery全36讲 视频教程

    2015-10-07 19:32

网友点评
p