javascript - 计算给定输入的出现次数

标签 javascript jquery

<分区>

如果我有一个带有简单提交按钮的输入框,有没有一种方法可以跟踪在给出特定输入时单击按钮的次数。例如,我输入牛奶并点击提交,牛奶数量将是 1,再次单击牛奶数量将是二。我知道使用一个简单的计数器变量,我可以跟踪计数,但计数本身不会匹配任何特定输入,它只是按钮点击的通用计数器。我可以将输入的值存储在一个数组中,然后计算特定项目的出现次数以找到它的计数,但是有没有更优雅的方法来做到这一点?

最佳答案

您可以使用一个简单的对象 来存储事件。基本思想是获取输入值并将其添加到对象,使用输入作为索引,值是它被添加的次数。

$(document).ready(function(){
    
  // Create simple storage
  var items = {};
  
  $('#submit').click(function(event){
    event.preventDefault();
    
    var item = $('#item').val();
    items[item] = items[item]+1 || 1;
    
    $('#result').html(JSON.stringify(items));
    
    $('#item').val('');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="item" name="item">
<input id="submit" type="submit">
<div id="result">

</div>

关于javascript - 计算给定输入的出现次数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35251328/

相关文章:

javascript - AngularJs 自定义指令未被调用

javascript - Sails.JS - 获取数据库中对象/行的数量

jquery - 如何在HTML5 + CSS3中模拟类似窗口的内容区域剪切

javascript - 无法检测到点击的是哪个div

jquery - 如何在 Ajax Post 后更新我的 View

c# - 将 C# 正则表达式转换为 javascript

.net - 英国地方政府网站的基本无障碍级别是多少?

javascript - jQuery $.extend[ing] 带有返回空函数参数的函数

javascript - 当达到 0 时停止倒计时

javascript - 我的验证码有什么问题吗? (正则表达式没问题)