在javascript中四舍五入计算价格
Rounding a calculated price in javascript
我有点迷失在这里,我试图建立一个表格,将计算成本的员工可以使用谷歌地图api声明。
一切似乎都很好,但我不知道如何四舍五入到最多两个小数。我希望有人能给我一些正确的方向提示
下面是我的代码:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>Distance Calculator</title>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCGt7NK298P8LYoxRumy7OHoL32xaQOWwQ&signed_in=true&libraries=places"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<style type="text/css">
#map_canvas {
height:500px;
}
</style>
<script type="text/javascript">
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
var start = document.getElementById("start");
var end = document.getElementById("end");
var autocompletePickpUp = new google.maps.places.Autocomplete(start);
var autocompleteDelivery = new google.maps.places.Autocomplete(end);
var uk = new google.maps.LatLng(52.216838, 4.433652);
var myOptions = {
zoom:12,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: uk
}
//testing
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
autocompletePickpUp.bindTo('bounds', map);
autocompleteDelivery.bindTo('bounds', map);
}
function calcRoute() {
var startValue =start.value;
var endValue = end.value;
var distanceInput = document.getElementById("distanceKm");
var price = document.getElementById("price");
var request = {
origin:startValue,
destination:endValue,
travelMode:google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
distanceInput.value = response.routes[0].legs[0].distance.value / 1000;
price.value = distanceInput.value * 0.19;
}
});
}
</script>
</head>
<body onload="initialize()">
<div>
<p>
<label for="start">Vertrekpunt </label>
<input type="text" name="start" id="start" />
<label for="end">Bestemming </label>
<input type="text" name="end" id="end" />
<input type="submit" value="Bereken declaratie" onclick="calcRoute()" />
</p>
<p>
<label for="distanceInKm">Afstand (km): </label>
<input type="text" name="distanceKm" id="distanceKm" readonly="true" />
</p>
<p>
<label for="price">Te declareren </label>
<input type="text" name="price" id="price" readonly="true" />
</p>
</div>
<div id="map_canvas"></div>
</body>
parseFloat("123.456").toFixed(2);
将返回123.46
如果你已经有一个浮动,你可以删除parseFloat()
在你的例子中:
function calcRoute() {
var startValue =start.value;
var endValue = end.value;
var distanceInput = document.getElementById("distanceKm");
var price = document.getElementById("price");
var request = {
origin:startValue,
destination:endValue,
travelMode:google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
distanceInput.value = response.routes[0].legs[0].distance.value / 1000;
price.value = parseFloat(distanceInput.value * 0.19).toFixed(2);
}
});
}
toFixed()函数返回一个字符串。如果您想要一个数字,请对结果再次应用parsefloat,如下面
var a = "5.57849" ;
a = parseFloat(parseFloat(a).toFixed(2)) ;
相关文章:
- 根据元素和容器大小计算边距
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 使用D3.js计算带有字母间距的文本长度
- 使用CSS或JavaScript计算分页符的数量
- 可以't计算自定义谷歌地图的js
- 将数字四舍五入到小数点后两位
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- JavaScript计算帮助(乘以时间)
- 如何计算对象文字中的键
- JavaScript循环无法正确计算/显示结果
- 与域在同一台计算机上运行的NODEJS服务器的CORS错误
- 将数字四舍五入到小数点后两位,以设置货币格式
- 四舍五入JavaScript计算
- 计算HTML中的页数
- 使用jQuery计算数组中的对象以更改进度条
- 如何在jquery中使用实时计算求和值
- 计算多个项目的价格
- 计算CSS3缩放框在另一个框中的最高位置
- 在javascript中四舍五入计算价格
- 发票计算工具是对来自押金字段的合计进行四舍五入