在jQuery中获取输入数字的值答案

【问题标题】：Get the value of a input number in jQuery在jQuery中获取输入数字的值
【发布时间】：2017-08-27 10:06:24
【问题描述】：

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

$(":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>

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

【问题讨论】：

标签： jquery input numbers

【解决方案1】：

您可以使用以下内容：

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

【讨论】：

【解决方案2】：

当用户进行编辑时，显示的代码可以正常工作。

如果您需要在页面加载时显示它，只需触发其中一个事件

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

<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>

请注意，bind() 已被弃用，而应使用 on()

【讨论】：

我看到 sn-p 运行良好...我不明白为什么我的代码不能自己运行，肯定是其他问题。我会尝试再次搜索。无论如何感谢您的帮助:)
如果无法重现问题，我们将无法解决问题
我终于找到了我的错误:) 这只是一个已经使用的 id 问题:)