时间戳

首页 > 解决方案 > 启用或禁用另一个页面上的按钮

javascript - 启用或禁用另一个页面上的按钮

问题描述

我如何能够单击一个页面上的按钮，这将启用另一个页面上的另一个按钮？

我的 javascript

function enableButton2() {
    document.getElementById("button2").disabled = false;
    document.getElementById("divbutton").hidden = false;
  }

HTML

<input type="button" id="button1" value="button 1" onclick="enableButton2()"/>

<div id="divbutton" hidden>
  <input onclick="window.location.href='menu.html'" type="button" id="button2" value="button 2" disabled />
</div>

此代码有效，但仅当这两个按钮都在同一页面上时才有效，我要做的是将它们分成自己的页面但仍按预期工作，即单击第一个按钮将使第二个按钮出现。

提前致谢！

标签： javascripthtml

解决方案

localStorage如果您还想保存用户的按钮选择，这将是一种有效的方法。localStorage允许您将值存储在同一源中，这意味着您只需检查值是否已更改并区分应该启用哪个按钮。

例如，

function enableButton2() {
    localStorage.enabledButton = '2'
}

然后检查要启用哪个按钮，将在第二页中使用哪个按钮

setInterval(() => {
    if (localStorage.enabledButton == "1") {
        //Enable button 1
    }
    if (localStorage.enabledButton == "2") {
        //Enable button 2
    }
})

推荐阅读