0
283
Vistascómo obtengo el total general usando jquery cada bucle al campo de entrada total
Trato de obtener el total general usando cada bucle, pero no devuelve nada.
[![enter image description here][1]][1]aquí está el código html
<div class="main-wrapper"> <div class="row"> <div class="col-md-4"> <label>quentity</label> <input type="text" name="quantity[]" id="quantity"> </div> <div class="col-md-4"> <label>price</label> <input type="text" name="price[]" id="price"> </div> <div class="col-md-4"> <label>total</label> <input type="text" name="total[]" id="total"> <a class="btn btn-danger btn1" onclick="add()">+</a> </div> </div> <div class="append"> </div> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4"></div> <div class="col-md-4 g-total"><label>gtotal</label><input type="text" name="g-total" id="gtotal"></div> </div> </div>aquí está el código de secuencia de comandos
$('.main-wrapper').on("change","#price",function(){ var gtotal =0; var price = $(this).val(); var quantity = $(this).parents('.row').find('#quantity').val(); function multi(){ var total = price * quantity; return total; } $(this).parents('.row').find('#total').val(multi()); }) var gtotal = 0; $('#total').each(function(){ gtotal += $(".main-wrapper").children().find('#total').val(); console.log(gtotal); }) 
el valor total proviene de la calidad y el precio y funciona, pero cada ciclo en total no funciona Gracias
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Esto debería funcionar:
$('.main-wrapper').on("change", "#price", function() { var gtotal = 0; var price = $(this).val(); var quantity = $(this).parents('.row').find('#quantity').val(); function multi() { var total = price * quantity; return total; } $(this).parents('.row').find('#total').val(multi()); }); $("#getgrandtotalbtn").click(function() { var gtotal = 0; $('.total').each(function() { gtotal += parseInt($(this).val()); }) $("#gtotal").val(gtotal); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="main-wrapper"> <div class="row"> <div class="col-md-4"> <label>quentity</label> <input type="text" name="quantity[]" id="quantity"> </div> <div class="col-md-4"> <label>price</label> <input type="text" name="price[]" id="price"> </div> <div class="col-md-4"> <label>total</label> <input type="text" name="total[]" class="total" id="total"> <a class="btn btn-danger btn1" onclick="add()">+</a> </div> </div> <div class="row"> <div class="col-md-4"> <label>quentity</label> <input type="text" name="quantity[]" id="quantity"> </div> <div class="col-md-4"> <label>price</label> <input type="text" name="price[]" id="price"> </div> <div class="col-md-4"> <label>total</label> <input type="text" name="total[]" class="total" id="total"> <a class="btn btn-danger btn1" onclick="add()">+</a> </div> </div> <div class="append"> </div> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4"></div> <div class="col-md-4 g-total"><label>gtotal</label><input type="text" name="g-total" id="gtotal"></div> </div> <button id="getgrandtotalbtn">Calculate</button> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta