如何添加在检查和不检查的使用jquery subract

Question

你怎么可以添加25，当您检查框，并减去25如果没有选择它是跨度ID =里面“preciototal”多少？

看看这里吧。 其检出形式的一部分，这个想法是它计算总价：

http://jsfiddle.net/9YGBu/2/

Answer 1

作为向您演示一些更高级jQuery概念的替代答案，请考虑以下javascript：

$(document).ready(function() { 
    // cache anything reused in variables 
    var $zonaenvio = $("#zonaenvio"); 
    var $gelypilas = $('#gelypilas'); 
    var $totalprecio = $('#totalprecio'); 
    var $totalSpan = $('#preciototal'); 
    // declare a function that does everything 
    var updatePrice = function() { 
     // get the value of the selected product, or 0 if nothing selected 
     var productAmount = parseInt($zonaenvio.val() || '0'); 
     if (productAmount > 0) { 
      // if something selected, calculate correct total and show it 
      var correctTotal = productAmount + ($gelypilas.is(':checked') ? 25 : 0); 
      $totalSpan.text(correctTotal); 
      $totalprecio.show('slow'); 
     } else { 
      // otherwise, if nothing selected, hide the total information 
      $totalprecio.hide(); 
     } 
    }; 
    // bind the function to the input events 
    $zonaenvio.change(updatePrice).change(); // trigger once if needed 
    $gelypilas.change(updatePrice); 

}); 

这有道理吗？请参阅here以了解正在运行的jsFiddle示例。

Answer 2

我想你应该寻找这样的事情！我已经添加了ID的复选框

http://jsfiddle.net/9YGBu/21/

介意，你可能会想改变选择与name属性的工作，而不是

Answer 3

也许这样的事情，我缓存选择优化：

$(document).ready(function() { 
    var precioTotal = $("#preciototal"), gelypilas = $('#gelypilas'), 
     totalPrecio = $('#totalprecio'), zonaEnvio = $("#zonaenvio"); 
zonaEnvio.change(function() { 
    precioTotal.text($(this).val()); 
    gelypilas.removeAttr('checked'); 
    totalPrecio.show("slow"); 
}).change(); // trigger once if needed 
    gelypilas.change(function(){ 
     if(gelypilas.attr('checked')){ 
      precioTotal.text(parseInt(precioTotal.text()) + 25); 
     }else{ 
      precioTotal.text(Math.max(0, parseInt(precioTotal.text()) - 25)); 
     } 
    }); 
});