如何使用jQuery在输入字段中为当前数字添加数字?

时间:2017-09-06 18:18:05

标签: javascript jquery html

我想使用jQuery添加到输入字段中的数字,并使用新值更新输入字段。输入字段的ID为" total"。这是我尝试过的:

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

1 个答案:

答案 0 :(得分:3)

使用val()来设置值,而不仅仅是在你得到它时:

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

希望这有帮助。

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>