JavaScript或Jquery中多个输入字段的Onkeyup事件？

Question

我有多个输入字段，我想在某些输入字段上应用 key up JavaScript 事件。基本上，我想做一些费用计算，我想获得总费用并在输入字段中设置最终费用金额以显示。因此，我尝试在多个输入字段上应用 keyup，但没有成功。

$('#tripfuel','#cardfee','#loadrepair','#shoprepair','#truckrent','#comcheck','#advance','#othercharge').on('keyup', function () {
        var fuel = document.getElementById('tripfuel').value;
        var cardfee = document.getElementById('cardfee').value;
        var onloadrepair = document.getElementById('loadrepair').value;
        var shoprepair = document.getElementById('shoprepair').value;
        var trailerrent = document.getElementById('truckrent').value;
        var comcheck = document.getElementById('comcheck').value;
        var advance = document.getElementById('advance').value;
        var miscellenous = document.getElementById('othercharge').value;
        var expense = parseFloat(amount)-parseFloat(fuel)-parseFloat(cardfee)-parseFloat(onloadrepair)-parseFloat(shoprepair)-parseFloat(trailerrent)-parseFloat(comcheck)-parseFloat(advance)-parseFloat(miscellenous);
        console.log("Total Expense : || "+expense); 
        document.getElementById('totalamount').value = parseFloat(expense).toFixed(2);
    }); 

Answer 1

应用你输入的所有费用的类

 <input type="text" class="expenses" />

然后像这样得到总值。

$('.expenses').on('keyup', function () {
   let totalExpense = 0;
    $(document).find("input.expenses").each(function(){
       totalExpense += parseFloat($(this).val())
   })
});