kombinieren 2 identische jquerys mit verschiedenen Triggern

Question

Wahrscheinlich eine sehr einfache Frage. Ich habe 2 identische Jquerys, einer löst aus, wenn ein Feld aktualisiert wird, einer löst aus, wenn ein anderes aktualisiert wird. Kann ich die beiden kombinieren, so sagt es, wenn sich das ändert, oder das ändert sich Funktion?

$(document).ready(function(){ 


    $("#premium").change(function(){ 
      var sum = 0; 
      $("#premium").each(function(){ 
       sum += +$(this).val(); 
      }); 
      var ff_budget = $("#ff_budget").val(); 
      var premium_difference = ff_budget-sum; 
      $("#total_premium").html("£ "+sum); 
      $("#premium_difference").html("£ "+premium_difference); 
     }); 

    $("#ff_budget").change(function() { 
      var sum = 0; 
      $("#premium").each(function(){ 
       sum += +$(this).val(); 
      }); 
      var ff_budget = $("#ff_budget").val(); 
      var premium_difference = ff_budget-sum; 
      $("#total_premium").html("£ "+sum); 
      $("#premium_difference").html("£ "+premium_difference); 
     }); 

}); 

Answer 1

In jQuery können Sie mehrere durch ein Komma getrennte Selektoren verwenden. Dies sollte für Sie funktionieren:

Answer 2

Natürlich können diese zusammengeführt werden. Ich sehe, dass der Code für beide Event-Listener identisch ist.

Sie können jQuery's multiple selector verwenden, um die gewünschten Ergebnisse zu erzielen.

$(document).ready(function(){ 

    $("#premium, #ff_budget").change(function(){ 
     var sum = 0; 
     $("#premium").each(function(){ 
      sum += +$(this).val(); 
     }); 
     var ff_budget = $("#ff_budget").val(); 
     var premium_difference = ff_budget-sum; 
     $("#total_premium").html("£ "+sum); 
     $("#premium_difference").html("£ "+premium_difference); 
    }); 
});