0
277
Views¿Cómo obtener el total de cada artículo según la cantidad en la aplicación laravel usando javascript?
Soy nuevo en Laravel, por lo tanto, no puedo lograr el resultado deseado. Estoy tratando de obtener el total de cada artículo en función de las cantidades proporcionadas por el usuario, solo obtengo el total del primer artículo cuando se da la cantidad, pero no para todos los artículos. ¡Cualquier ayuda sería apreciada!
esta es la imagen de mi pagina de pedidos
a continuación se muestra el código HTML:
<p>Quantity: <input type="number" onchange="totalAmount()" class="item_quantity" id="item_quantity" name="item_quantity"> </p> <p>Item Price: AED - </p> <p type="number" id="item_cost" name="item_cost" class="mb-15"> {{ $lnkditem->item_cost}} </p> <p>Total Amount: AED - <strong style="color: red"></strong> <strong> <span style="color: red" id="total"></span></strong> </p>a continuación se muestra el código JS:
function totalAmount(){ var quantity = Number(document.getElementById('item_quantity').value); var itemCost = Number(document.getElementById('item_cost').innerHTML); var total = quantity * itemCost; document.getElementById('total').innerHTML = total; console.log(quantity);1 answers
Answer question0
Eso se debe a que está usando ID para establecer el valor total. Deberías usar clases para hacer eso. Establezca la clase de intervalo total en 'total' Importar jquery y hágalo de esta manera: Primer paso: elimine las identificaciones y simplemente use la clase en lugar de la identificación; Paso 2: inserte esta parte del código en la parte del script de su página:
$(document).on('change','.item_quantity',function(e){ var quantity = $(this) var itemcost = quantity.parent().next().next(): var total = parseFloat(itemcost.html()) * quantity.val(); var total_element = itemcost.next().children('.total'); total_element.html(total); });