从 Jquery 获取数字输入的值，使用 nicenumber() 进行数字输入答案

【问题标题】：Get value of number input from Jquery, used nicenumber() for number input从 Jquery 获取数字输入的值，使用 nicenumber() 进行数字输入
【发布时间】：2019-04-16 17:11:44
【问题描述】：

我已经为我从转发器动态生成的数字输入添加了 nicenumber，我想获取已更改的值。现在输入的 ID 是动态生成的，这对我来说很难获得用于更改功能的 jquery 设置。通过 Jquery 从输入中获取数据的最佳方式是什么。

我已经尝试过 onchanged 输入， $('[type="number"]').click(function () { });

  $(":input").bind('keyup mouseup change', function () {
  alert("changed");
  });

似乎没有任何效果。 :(

<asp:Repeater ID="FoodGroupItems" runat="server" DataSourceID="FoodGroupDS">
<ItemTemplate>
                                      <input type="number" id="<%# Eval("ItemID")%>" value='<%# QuantityVal(Eval("ItemID"))%>' min="0" max="20" style="width:5ch;">

         <label Class="radioAlign"><b><%# Eval("ItemTitle") %></b></label> 

            <label>&nbsp; $<%# Eval("itemPrice").ToString().Substring(0, Eval("itemPrice").ToString().Length() - 2) %></label>
                                       <br />
      </ItemTemplate>
  </asp:Repeater>

我有一个中继器，我在其中填充项目 input 是使用 nicenumber 来选择食物的数量。

<label Class="radioAlign"><b><%# Eval("ItemTitle") %></b></label>

正在显示项目标题/名称

最后一个标签显示价格

  <label>&nbsp; $<%# Eval("itemPrice").ToString().Substring(0, Eval("itemPrice").ToString().Length() - 2) %></label>

看起来像这样

我想获取要在 jquery 中获取的项目 ID 和数量。

【问题讨论】：

标签： jquery numbers dynamic-programming

【解决方案1】：

看看.nicenumber() source，看起来他们正在对输入触发input 事件。

所以做这样的事情应该可以工作......

$(document).on('change keydown keyup cut paste input', 'input[type="number"]', function() {
  alert("changed");
});

【讨论】：

感谢您指出这一点。我有带有“输入”的类似代码，但即使我将移动移动到按钮上，它也会不断给我提示弹出窗口。我希望不要更改基本代码，但我最终更改了源代码以使其仅在单击时工作。我从源代码中删除了“mouseleave”事件，只保留了“mousedown”和“mouseup”。这似乎现在按预期工作。再次感谢！

【解决方案2】：

将onIncrement 和onDecrement 与.nicenumber() 一起使用

$(function () {
    $('input=[type="number"]').niceNumber({
        onIncrement: function () {
            // your code
        },
        onDecrement: function () {
            // your code
        },
    });
 });

【讨论】：