Question

我试图实时显示所选产品数量的总价。但我不能忍受它，例如：如果你选择2张牌，价格必须实时显示：10美元，还要计算总金额并显示总价。

我该如何解决这个问题？这是我的来源：

@SortBy             VARCHAR(50) = 'Status'

function updatePrice()
{
    
    var numSubTotal = parseInt($("#num-fruits option").filter(":selected").val());
    if (isNaN(numFruits)) numFruits = 0;
    
    $("#num-fruits").html(""+numFruits);

为什么这段代码不起作用？

Answer 1

在您的HTML中移除onchange属性，这是一种不好的做法。

然后，你的Javascript没有处理所有字段（即只有Fruit），所以用它替换它：

$("input").on("change", function () {
    var $input = $(this);
    var howMany = parseInt($input.val());
    var unitAmount = parseInt($input.parent().prev().text().replace("$",""));
    var total = howMany * unitAmount;
    $input.parent().next().text("$ " + total);
});

这样做的目的是检测“多少”输入字段何时发生变化，在何时发生这种情况，它会检索单位成本的多少，并乘以“多少”字段中输入的数字并将总数写入最后一栏。

如果选择了数字，则显示总价

1 个答案: