Question

以下是我的代码以这种方式工作。当用户选中复选框时，它会附加所选的项目名称和价格，并根据用户输入的数量计算子总数。

现在，当用户取消选中某个复选框时，取消选中的项目将消失，总计将总数减少到旧总计（之前的总计）。

我想要实现的是，我的html下面我可以图标<div> <span>Task Managment To-do list</span> </div> <div class="row"> <div class="col s3 offset-s1"> <header class="side" id="day">Date Section</header> </div> <div class="col s2 offset-s3"> <header class="side"> Navigations </header> </div> </div>我想要它执行，就像取消选中复选框时一样。因此，当用户点击该图标时，它会删除相应的项目，并将总数减少到旧的总数

fa fa-close

Answer 1

您可以尝试这个简单的点击事件

$('.panel').on('click','.fa.fa-close',function(){
 $(this).closest('.container').remove();//remove the current element

 var sum = 0;
 $(".line-total").each(function(){
       sum = sum + Number($(this).text());
 });//calculate the new sum 
 $('.checkout span').text(sum);

})

从Panel -JS中删除所选项目

1 个答案: