在 jQuery 中获取输入数字的值

Question

我正在处理一个表单，我想实时获取类型为 number 的输入字段的当前值，如下所示：

$(":input").bind('keyup mouseup', function () {
  var coins = $("#coins").val();
  $("#reward").text(coins);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="coins" type="number" name="coins" value="1" max="999" min="1">

<p id="potential">Potential reward : <b id="reward"></b></p>

但是当我运行它时什么也没有发生。它说硬币的价值是空的。我不知道我做错了什么......任何人都可以帮忙吗？

Answer 1

您可以使用以下内容：

$(document).on('input', '#coin', function(){
    var coins = $("#coins").val();
    $("#reward").text(coins);
})