单击按钮时增加计数器（JavaScript，HTML）
[英]Incrementing a counter when a button is clicked (JavaScript, HTML)
问题描述
我想显示一个用于HTML文档的按钮，并且每次单击该按钮时它都会递增。 递增后，我希望该数字（要保存的计数器）用于再次访问文件时为用户显示计数器。 我读到的是有一个名为addBtn的函数，该函数在单击时会递增，如何保存递增的值
addBtn.on("click", function() {
counter.html(++value);
return;
});
3 个解决方案
解决方案1
1 2014-11-10 08:48:36
那将是这样的。 只需将“ your_textfield”替换为您的选择器即可。
var counter = 1;
function increase(){
var textBox = document.getElementById("your_textfield");
textBox.value = counter;
counter ++;
}
解决方案2
1 2014-11-10 08:55:16
addBtn.on("click", function() {
var counter=$(this).html();
counter+=1;
$(this).html(counter);
return;
});
解决方案3
0 2014-11-10 08:55:00
如果您想使用文件来执行此操作，则需要一个php来为您完成
但这是一个使用本地存储的网络浏览器的简单方法
您可以检查浏览器的控制台日志
它在其中显示对象存储的位置
<html>
<head>
<style>
.overlay {
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<p class="display"></p>
<input type="button" class="add" value="click me">
<script type="text/javascript">
$(document).on('ready', function(){
var count = 0;
var storage = window.localStorage;
var disp = $('p.display');
if (storage.getItem('count')) {
count = parseInt(storage.getItem('count'));
disp.html(count);
}
$('.add').on('click', function(){
if (storage.getItem('count') != null) {
count = parseInt(storage.getItem('count'));
}
count++;
storage.setItem('count', count);
disp.html(count);
console.log(storage);
});
});
</script>
</body>
</html>
变量不增加点击html按钮时的期望
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.