가격을 선택하면 단가에 가격을 추가하고 가격은 빼기 때 가격을 뺀

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에서 onchange 또는 change 함수를 사용하면 충분합니다. 확인란이 선택되어 있는지 확인한 다음 적절하게 데이터를 변경하십시오. 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/