加入价格单价检查时，减去价格时unchcked

Question

所以，我在此列的底部有一个“总”字段。

高于这个领域是复选框，选中时，在“总”应该通过增加复选框的价格更新，取消选中和时，价格应该被删除。

如此的相似，http://www.tepilo.com/#packages-anc

下面的代码的东西更新时，点击复选框
它什么都不做时的价格未点击
再次点击时，它增加了新的当前价格

$('.col-2 input[type="checkbox"]').on('click', function() { 
     var attribute_name = $(this).val(); 
     var attribute_price = settings.wsapo_custom[0][attribute_name].price; 
     var current_price_total = $(".col-2 #update-price").text(); 

     var new_price = parseInt(current_price_total) + parseInt(attribute_price); 

     console.log(new_price); 
     $(".col-2 #update-price").text(new_price); 


    }); 

在此先感谢

Answer 1

使用jQuery中的平变化或改变功能将在这里就够了。检查复选框是否被选中，然后相应地更改数据。

演示上的jsfiddle：http://jsfiddle.net/lrojas94/t9d04oeb/

代码：

$('input[type="checkbox"]').change(function(){ 
    var actual = parseInt($('p').text());   
    if($(this).is(':checked')) 
      actual+= 100; 
    else 
     actual-=100; 
    $('p').text(actual); 
}); 

并随时了解有关此功能的文档：http://api.jquery.com/change/