Question

我有一组复选框，每个复选框都与一个特定的行相关，该行包含两个下拉菜单和一个数量微调器。第一个下拉列表用于选择项目，第二个下拉列表用于根据价格选择该项目的大小。微调器用于选择所需物品的数量。

我需要在选中复选框时以及更改下拉框时计算所选项目的总价。最后，累积价格应显示在每次点击的标签中。

到目前为止我所尝试的是......

function priceCounting(prcField, qtyField) {

    var sum = 0;
    var qty = parseInt(qtyField);
    $(".chkbxPkgCat:checked").each(function(){

        var untPrc = parseFloat(prcField.pop());
        sum = sum+ (qty * untPrc);
        $(".lblAccumPrice1").text(sum);
    });
}

在更改复选框时，我按如下方式调用该函数。

$(".chkbxPkgCat").change(function(){

    var itm = $(this).parent().parent().next().next().find(".form-control").val();
    var qty = $(this).parent().parent().next().next().next().find(".form-control").text();

    priceCounting(itm,qty);
});

此外，这是关于更改事件的项目下拉..

$("#itemSlct").change(function () {

priceCounting($("#itemSlct option:selected").text(), $("#itmQty").val());
});

同样的方式，我称之为微调器的价格下降和价格下降。

但我没有得到正确的累积价格，如果取消选中之前检查过的复选框，我还需要扣除价格。有人可以帮忙吗？

计算复选框选中事件的累计价格并更改选择选项

0 个答案: