将输入值分配给span

Question

我的代码：

<form>
    <input type="number" placeholder="Min. - 100 coins" id="boughtamount"
 ...
</form>
<div class="finalpriceforitem">
    <b><span class="res_sum">0</span>&nbsp;USD</b>
</div>

1枚硬币售价1.25美元 当用户输入金额（他想要购买多少硬币）时，最终价格应该在此范围内可见。

例如 用户想要购买500个硬币 当他停止打印时，总和（500 * 1.25）应位于此跨度内。

Jquery的

$(document).ready(function(){
$("#boughtamount").keyup(function() {
  var total = $("#boughtamount").val() * 1.25;
 $('.res_sum').text(total);
   });
});

Answer 1

$("#boughtamount").val()返回一个字符串。要将它乘以1.25，您必须将其转换为数字。您可以使用parseInt。

＆＃13;

＆＃13;

$(document).ready(function(){
    $("#boughtamount").keyup(function() {
        var value = this.value;
        var price = 0;
        if (value != "") 
            price = parseInt(value) * 1.25;
        $('.res_sum').text(price);
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="number" placeholder="Min. - 100 coins" id="boughtamount" />
</form>
<div class="finalpriceforitem">
    <b><span class="res_sum">0</span>&nbsp;USD</b>
</div>

＆＃13;

＆＃13;

＆＃13;