javascript - 将值附加到 JQuery 脚本中的输入字段

标签 javascript jquery html

我正在尝试为 child 创建一个简单的数学测验应用程序,其屏幕上的数字键将附加到答案的输入字段中。我想使用链接到类的 jQuery 事件监听器,这样我就不必为每个数字调用 onClick 函数。我在其他地方发现了这个问题,但我无法发表评论以进一步询问我遇到的问题,因为我刚刚加入 stacked Overflow,它表明我的声誉不够高。

链接到其他问题:append value to an input field in JQuery

当我尝试附加时,当我尝试单击按钮时,我得到一个未定义的信息,并且我看不到代码中的错误在哪里。任何帮助将不胜感激。

我的 jQuery:

$(".userIn").click(function() {
  var usrIn = $(this).data('usrIn');
  $("#answer").val(function() {
    return this.value + usrIn;
  });
});

我的按钮示例:

<button type="button" class="btn btn-primary btn-block userIn" data-number="0" id="zero">0</button>

这是JSfiddle与我所有链接的样式表和外部 js。

最佳答案

var usrIn = $(this).data('usrIn'); 更改为 var usrIn = $(this).attr('data-number');

fiddle :https://jsfiddle.net/969r1gp0/4/

关于javascript - 将值附加到 JQuery 脚本中的输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42460362/

相关文章:

javascript - 正确的 element.getElementsByTagName() 实现

javascript - JQuery 工具提示效果不起作用

javascript - Iframe 输入未捕获 TypeError : Cannot set property 'value' of null

html - 将不同的 CSS 应用于具有相同类的 div

javascript - 更改 chrome 中的选项卡以响应站点时出现白色闪烁/闪烁

javascript - 双向绑定(bind)不适用于 ng-repeat

jquery - 如何使用 jQuery 选择和更改表格单元格的值?

javascript - 由外部 DIV 控制的可滚动 DIV(用于触摸屏)。 jQuery HTML5

javascript - div无法正确对齐

Javascript .dropdown-toggle() Bootstrap 函数在单击后未关闭