Javascript JQuery на одном из нескольких полей ввода изменен

Question

Допустим, у меня есть несколько полей ввода, таких как расстояние, fuelConsumption, pricePerGallon и мне нужно рассчитать общую цену. Но я хочу рассчитать, как пользователь вводит. Таким образом, общая стоимость должна быть пересчитана, если какой-либо из этих входов изменился. Для того, чтобы получить одно значение поля я использую:

$("#form_distance").on('change paste keyup input', function() { 
    var distance= $(this).val(); 
}); 
$("#form_fuelConsumption").on('change paste keyup input', function() { 
    var fuelConsumption= $(this).val(); 
}); 

и так далее, но как я могу проверить, не единственное поле, но несколько полей?

Answer 1

Это было бы возможным решением:

$("#form_distance, #form_fuelConsumption").on('change paste keyup input', function(){ 
    var distance = $("#form_distance").val(); 
    var fuelConsumption = $("#form_fuelConsumption").val(); 
    ... 

Answer 2

поместить все поля ввода идентификаторов как показано ниже

obj=["distance","fuelConsumption"];//add more input field names 

итерацию по петле

jQuery.each(det[ele], function(index, value) { 

      //Your form field id is like "form_distance" 

      var str="#form_"+value; 

      $(str).on('change paste keyup input', function() { 

       var inputfieldval=$(this).val(); 

       //do here whatever you want 

      }); 

});

Поместите приведенный выше код в

либо $(document).ready(function() { }

или место, где вам требуется.

Этот код предназначен для обработки всех полей формы и получения их значений.