javascript - 多个输入字段之一上的 Javascript Jquery 已更改

Question

假设我有多个输入字段，例如距离、燃料消耗、价格每加仑，我需要计算总价。但我想根据用户类型进行计算。因此，如果这些输入中的任何一个发生变化，则需要重新计算总价格。要获取我使用的字段的单个值：

$("#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

将所有输入字段 id 如下所示

  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() { }

或您需要的地方。

此代码用于循环所有表单字段并获取它们的值。