Javascript 从列表中删除产品时如何更新金额?

Javascript 从列表中删除产品时如何更新金额?,javascript,html,jquery,Javascript,Html,Jquery,我在结账页面上,我得到了产品的总数量。我正在使用sum()函数获取产品金额并计算总金额 我在移除产品时遇到问题。如果我删除产品,那么我必须更改总量。我在删除函数中获取产品的价格 您能否帮助我将删除价格发送到sum()函数以删除 $('.Selectedview')。打开('click','.viewer',函数(e){ e、 预防默认值(); $(this).closest('ul').closest('li').remove();//删除字段html var removePrice=$(th

我在结账页面上,我得到了产品的总数量。我正在使用
sum()
函数获取产品金额并计算总金额

我在移除产品时遇到问题。如果我删除产品,那么我必须更改总量。我在删除函数中获取产品的价格

您能否帮助我将删除价格发送到sum()函数以删除

$('.Selectedview')。打开('click','.viewer',函数(e){
e、 预防默认值();
$(this).closest('ul').closest('li').remove();//删除字段html
var removePrice=$(this.nestest('ul').nestest('li').find('.singleamt').val();
alert(removePrice);//我在那里得到了remove产品的数量
});
函数和(){
var总和=0;
$(“.singleamt”)。每个(函数(){
总和+=+此值;
});
var sumWithGST=总和+(总和*0.18);
返回[金额,含GST的金额];
}
var totalamount=总和();
//警报(总金额);
$('#subAmount').html(totalamount[0]);
$('#finalAmount').html(totalamount[1]);
//$(“#sendamount”).val(totalamount[2])

  • $1.00
  • $1.00
总额:$

最终金额:$


您需要重新计算总和。请创建一个函数,在其中调用sum()并更新HTML,并在删除产品后调用它。请看下面的代码,但我还没有创建函数。只需将冗余代码移到函数中,它就会按预期工作

$('.Selectedview')。打开('click','.viewer',函数(e){
e、 预防默认值();
$(this).closest('ul').closest('li').remove();//删除字段html
var removePrice=$(this.nestest('ul').nestest('li').find('.singleamt').val();
alert(removePrice);//我在那里得到了remove产品的数量
var totalamount=总和();
$('#subAmount').html(totalamount[0]);
$('#finalAmount').html(totalamount[1]);
});
函数和(){
var总和=0;
$(“.singleamt”)。每个(函数(){
总和+=+此值;
});
var sumWithGST=总和+(总和*0.18);
返回[金额,含GST的金额];
}
var totalamount=总和();
//警报(总金额);
$('#subAmount').html(totalamount[0]);
$('#finalAmount').html(totalamount[1]);
//$(“#sendamount”).val(totalamount[2])

  • $1.00
  • $1.00
总额:$

最终金额:$


您只需使用最初使用的函数重新计算总数

$('.Selectedview')。打开('click','.viewer',函数(e){
e、 预防默认值();
$(this).closest('ul').closest('li').remove();//删除字段html
applyTotal();
});
函数和(){
var总和=0;
$(“.singleamt”)。每个(函数(){
总和+=+此值;
});
var sumWithGST=总和+(总和*0.18);
返回[金额,含GST的金额];
}
函数applyTotal(){
var totalamount=总和();
$('#subAmount').html(totalamount[0]);
$('#finalAmount').html(totalamount[1]);
//$(“#sendamount”).val(totalamount[2]);
}
$(文件).ready(applyTotal)

  • $1.00
  • $1.00
总额:$

最终金额:$


您可以创建函数来显示总数,并在需要时使用该函数

$('.Selectedview')。打开('click','.viewer',函数(e){
e、 预防默认值();
$(this).closest('ul').closest('li').remove();//删除字段html
var removePrice=$(this.nestest('ul').nestest('li').find('.singleamt').val();
displayTotal();
});
函数和(){
var总和=0;
$(“.singleamt”)。每个(函数(){
总和+=+此值;
});
var sumWithGST=总和+(总和*0.18);
返回[金额,含GST的金额];
}
函数displayTotal(){
var totalamount=总和();
$('#subAmount').html(totalamount[0]);
$('#finalAmount').html(totalamount[1]);
}
displayTotal()

  • $1.00
  • $2.00