本文介绍了在构建销售系统时如何实现价格计算功能。通过搭建简单的页面，利用JavaScript获取商品单价和数量，进行单位换算并计算总价。示例代码展示了如何将计算结果显示在页面上，为类似问题提供参考。
在做一些关于销售系统的项目时，肯定避免不了计算价格的功能，所以为了项目的需求，下面就和大家分享一个简单的计算价格的例子。
1、首先就是搭建页面了，代码如下图所示：
页面还是比较简单的，布局了一个卖水果的计算价格。先是三个p标签，用来显示价格的，其中的span标签就是我们要获取的价格，再接着就是要购买的数量，用三个input标签表示，默认值都是0，根据实际数量输入，最后就是一个button按钮和一个被禁用的input标签了，点击结算按钮，input标签就显示所需的金额了。
图中给的id都是为了写js代码所需要的，button按钮上的点击事件触发的方法就是下面要写的计算价格的方法。
注：input标签是通过disabled属性来禁用的，被禁用的input标签就不能再输入值了，但是显示值还是可以的，所以就用被禁用的input标签来显示结算后的总金额。
还有一个地方就是上面的价格单位和要输入数量单位不一样，这就是后面写js代码需要注意的了，需要换算一下。
下面看看页面搭建的结果&#x
最低0.47元/天 解锁文章
554
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
