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