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

Question

Допустим, у меня есть несколько полей ввода, таких как расстояние, fuelConsidity, 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() { }

или место, где вам нужно.

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