Question

我使用JavaScript显示$ total，因为复选框已被选中。看起来支持3.5的值，并将显示为这样。但是，4.0只返回4.我希望它显示小数位，作为美元金额。

我使用以下代码：

<input value="4.0" type="checkbox" class="sum" data-toggle="checkbox" name="item1">
<input value="3.5" type="checkbox" class="sum" data-toggle="checkbox" name="item2">
var inputs = document.getElementsByClassName('sum'),
            total  = document.getElementById('order-total');

        for (var i=0; i < inputs.length; i++) {
            inputs[i].onchange = function() {
                var add = this.value * (this.checked ? 1 : -1);
                total.innerHTML = parseFloat(total.innerHTML) + add
                total1.innerHTML = parseFloat(total1.innerHTML) + add
            }
        }

这就是它显示的地方：

<div class="total-box" style="color: #ffffff;">Total: $<span id="order-total">0</span></div>

它在技术上有效...如果一个人订购4美元的商品，它只显示4美元。如果某人为其添加了3.50美元的商品，则显示为$ 7.50。但是，如果有人只订购3.50美元的商品，则显示为3.5美元。如果我将代码更改为：

<div class="total-box" style="color: #ffffff;">Total: $<span id="order-total">0</span>0</div>

$ 3.50完美无缺。但是，4美元的商品显示为40美元。

Answer 1

您可能想要使用Number.toFixed()

使用小数位数JavaScript显示订单总计

1 个答案: