Question

我想使用清除按钮从购物车中删除价格。我能够删除行/产品，但我不确定为什么价格不会改变。请查看codepen。

function removecart() {
    salesTotal = 0;
    var table = document.getElementById("shoppingCart");
    for(var i = table.rows.length - 1; i > -1; i--){
        table.deleteRow(i);
    }
}

感谢您的帮助

Answer 1

除了将salesTotal变量更改为零之外，还需要相应地更新显示表示。您可以轻松添加：

function removecart() {
   salesTotal = 0;
   var table = document.getElementById("shoppingCart");
   for(var i = table.rows.length - 1; i > -1; i--){
       table.deleteRow(i);
   }
   document.getElementById('total').innerHTML = "<strong>Sale Price</strong>: $" + salesTotal.toFixed(2);
}

但是你也可以实现另一个函数来自动化这个功能，并避免在你的js中重复编写相同的代码：

function changeTotal(newTotal){
    salesTotal = newTotal;
    document.getElementById('total').innerHTML = "<strong>Sale Price</strong>: $" + salesTotal.toFixed(2);
}

Answer 2

您的价格没有变化，因为您没有更改它。添加到功能：

document.getElementById("total").innerHTML = salesTotal;

Answer 3

清除按钮确实从购物车中删除了价格，但它没有显示它，因为您从未编写代码来更新它。

function removecart() {
   salesTotal = 0;
   var table = document.getElementById("shoppingCart");
   for(var i = table.rows.length - 1; i > -1; i--)
   {
       table.deleteRow(i);
   }
       document.getElementById('total').innerHTML = "<strong>Sale Price</strong>: $" +     salesTotal.toFixed(2);
   }

应该有效

为什么清除按钮不能从购物车中删除价格

3 个答案: