Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 计算复选框选中事件的累积价格并更改选择选项_Javascript_Jquery_Accumulate - Fatal编程技术网

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

Javascript 计算复选框选中事件的累积价格并更改选择选项,javascript,jquery,accumulate,Javascript,Jquery,Accumulate,我有一组复选框,每个复选框都与包含两个下拉列表和一个数量微调器的特定行相关。第一个下拉列表用于选择项目,第二个下拉列表用于根据价格选择该项目的大小。微调器用于选择所需项目的数量 选中复选框时,以及更改下拉框时,我需要计算所选项目的总价。最后,每次单击都应在标签中显示累计价格 到目前为止,我已经尝试过了 function priceCounting(prcField, qtyField) { var sum = 0; var qty = parseInt(qtyField);

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

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

到目前为止,我已经尝试过了

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());
});
同样的道理,我呼吁改变纺纱机和价格下降


但我没有得到正确的累计价格生成,而且我需要扣除价格,如果它是未选中的复选框,这是以前选中的。任何人都可以对此提供帮助吗?

您可以将snippet和/或post-link制作成fiddle吗?@sinisake对我来说,硬编码所有内容都有点困难,因为我使用jquery动态生成表,并使用数据库填充所有细节。如果你不介意的话,我已经添加了一张表格的截图。这对你们有帮助吗???@sinisake[![在这里输入图像描述][1][1][1]:我会帮助你们,但我不理解这个问题。图像没有太大帮助…我们需要生成html…无论您使用什么服务器端语言,代码生成了一些html输出…不确定为什么不能简单地复制/粘贴部分…您能将代码片段和/或post链接制作成FIDLE吗?@sinisake对我来说硬编码所有内容有点困难,因为我使用jquery动态生成表,并使用数据库填充所有细节。如果你不介意的话,我已经添加了一张表格的截图。这对你们有帮助吗???@sinisake[![在这里输入图像描述][1][1][1]:我会帮助你们,但我不理解这个问题。图像并没有帮助太多…我们需要生成html…无论您使用什么服务器端语言,代码都会生成一些html输出…不确定为什么您不能简单地复制/粘贴部分。。。