2017-12-09 6 views

Antwort

2

Ich sehe Ihre Function ändert Werte von sum und total_points Variablen, aber ich kann nicht sehen, wo Sie sie verwenden. Auch nicht, daß ich jeden Punkt des Tuns sehen:

$(".line-total").each(function(){ 
    sum = sum + quantity*price; 
    }) 


    $(".pts-total").each(function(){ 
    total_points = total_points + quantity*points; 
    }) 

Denn wenn Sie es ausführen - Function(), es ist nur ändert Werte von sum und total_points viele Male. Gleiche wie:

var foo = 1; 
(function() { 
    foo = 2; 
    foo = 3; 
    foo = 4; 
})(); 

So einfach gibt es foo mit Wert von 4 und foo = 2; und foo = 3; nicht verwendet zu werden scheint. Also, wenn Ihr total_points Sätze Wert von sub-total vom Tisch, macht es Sinn, dass es dieselben Werte wie oft zurückkehren könnten Sie rufen Function

+0

Ich versuche tatsächlich die Menge und den Preis für jede Zeile zu multiplizieren, um die Zwischensumme zu erhalten. das ist, was ich versuche zu erreichen – pogba

+0

Ich bin nicht vertraut mit einer Art, wie Sie DOM-Elemente initialisieren, aber was Sie tun können, ist console.log Werte dieser Variablen auf jeder Schleife - Für ex. after grab value - 'var menge = Zahl ($ ('. menge'). val());' do - 'console.log (menge)'. weil '$ ('. quantity')' ein Array von DOM-Elementen mit der Klasse '.quantity' erstellt –

0

Das ist einfach jQuery-Code, die Sie in Ihrer Frage helfen können.

$("#btn").click(function(){ 
 

 
var qty=$("#qty").val(); 
 
var rate=$("#rate").val(); 
 

 

 
var total=(qty*rate) 
 

 
$("#tbody").append("<tr><td>"+qty+"</td><td>"+rate+"</td><td>"+total+"</td></tr>"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="qty" type="text" placeholder="quantity"/><br> 
 
<input id="rate" type="text" placeholder="Rate"/><br> 
 

 
<input id="btn" type="button" value="enter"/><br> 
 

 
<table> 
 
<tbody id="tbody"> 
 
<tr> 
 
<td>quantity</td> 
 
<td>rate</td> 
 
<td>total</td> 
 
</tr> 
 
</tbody> 
 
</table> 
 
<script> 
 

 
</script>

Verwandte Themen