显示每个div都在一个DIV总量与jQuery的

Question

JavaScript代码，每一个新动作：

$(document).on('click', '#google_analytics', function() { 
    if ($("#google_analytics").prop('checked') == true) { 
     var google_analytics_cost = $('#google_analytics_cost').val(); 
     $('.total-amount12').text(google_analytics_cost); 
    } else { 
     $('.total-amount12').text('0'); 
    } 
}); 

$(document).on('click', '#mailing_list', function() { 
    if ($("#mailing_list").prop('checked') == true) { 
     var mailing_cost = $('#mailing_list_cost').val(); 
     $('.total-amount13').text(mailing_cost); 
    } else { 
     $('.total-amount13').text('0'); 
    } 
}); 

我只想补充这两个动作总共一个DIV。它被命名为总计<div class="total-amt">0</div>在这个div中，每当我点击任何操作时，总计应该显示总计 div，然后，如果我点击其他操作，那么它的总金额也会与之前的金额相加。

Answer 1

试试这个，当你点击任何动作时，它会从该div中取出前一个值，将其转换为整数（parseInt），然后它将在其中添加newValue。最后，它会再次将新的总和放入该div。

编辑-1

您需要从DIV删除$字符串。试试这个工作片段。

//Action performed and Add the sum to that div 
 
$('a').click(function(){ 
 
    //New value that is going to add into div 
 
    var newValueToAdd = 10; 
 
    //Replace the HTML with final summation 
 
    $('.total-amt') 
 
    .html("$" + 
 
      (parseInt($('.total-amt').html().replace('$', '')) + 
 
      newValueToAdd)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="total-amt">$0</div> 
 
<a href="javascript:void(0)">Add</a>