Tengo varios campos de entrada y quiero aplicar un evento JavaScript clave en algunos de los campos de entrada. Básicamente, quiero hacer un cálculo de gastos y quiero obtener los gastos totales y establecer el monto del gasto final en el campo de entrada para mostrar. Entonces, traté de aplicar keyup en múltiples campos de entrada pero no funcionó.
$('#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); });aplicar la clase de todos sus gastos de entrada como
<input type="text" class="expenses" />luego obtenga el valor total de esta manera.
$('.expenses').on('keyup', function () { let totalExpense = 0; $(document).find("input.expenses").each(function(){ totalExpense += parseFloat($(this).val()) }) });