Wie kann ich der aktuellen Nummer in einem Eingabefeld mit jQuery eine Zahl hinzufügen?

Question

Ich möchte jQuery zu einer Zahl in einem Eingabefeld hinzufügen und das Eingabefeld mit dem neuen Wert aktualisieren. Die ID des Eingabefeldes ist "total". Hier ist, was ich versucht habe:

function addBag(){ 
    var bagprice = 79.99; 
    var currentprice = $("#total").val(); 
    var newprice = bagprice + parseInt(currentprice); 
    $("#total").text(newprice); 
} 

Answer 1

Verwenden val() setzen auch den Wert, nicht nur, wenn Sie es bekommen:

$("#total").val(newprice); 

Hoffnung, das hilft.

function addBag(){ 
 
    var bagprice = 79.99; 
 
    var currentprice = $("#total").val(); 
 
    var newprice = bagprice + parseInt(currentprice); 
 
    
 
    $("#total").val(newprice); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="total" value='1'/> 
 

 

 
<button onClick='addBag()'>Add Bag</button>