加入價格單價檢查時，減去價格時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/