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输出…不确定为什么您不能简单地复制/粘贴部分。。。