在jQuery中获取输入数字的值

问题描述

我正在处理表单，我想实时获取类型为number的输入字段的当前值，就像这样:

I'm working on a form, and I want to get in real time the current value of an input field of type number, as this one :

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

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

But nothing happen when I run it. It says that the value of coins is null. I don't know what I am doing wrong...Anyone could help ?

推荐答案

您可以使用以下内容:

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

这篇关于在jQuery中获取输入数字的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！