[英]How do I remember if a button has been clicked already, and remember even after page reloads using js and html?
<script type="text/javascript">
function disableButton(btn){
document.getElementById(btn.id).disabled = true;
alert("Button has been disabled.");
}
</script>
<button id="btn1" onclick="disableButton(this)">$200</button>
I'm trying to remember if a button has been clicked and still be disabled, even if the user reloads the page.我试图记住按钮是否已被单击并且仍然被禁用,即使用户重新加载页面也是如此。 I'm fine using JS and jQuery, but I'd like to not use PHP. Is there a way I could use cookies and local storage to remember it?
我可以使用 JS 和 jQuery,但我不想使用 PHP。有没有办法可以使用 cookies 和本地存储来记住它?
You can use Local Storage to achieve this.您可以使用本地存储来实现这一点。
<script type="text/javascript">
window.onload = function () {
var isButtonDisabled = localStorage.getItem('buttonDisabled') === 'true';
if (isButtonDisabled) {
document.getElementById('btn1').disabled = true;
}
};
function disableButton(btn) {
document.getElementById(btn.id).disabled = true;
alert('Button has been disabled.');
localStorage.setItem('buttonDisabled', 'true');
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.