如何在Html/Javascript/Jquery中变量的值发生变化时启用按钮

Question

我有两个简单的按钮，被deafault禁用：

<button type="button" id="validate" style="position: absolute; left:1250px; top:500px; height:20px;"> Validate </button>
<button type="button" id="review" style="position: absolute; left:1250px; top:530px; height:20px;"> Review</button>

以及一个布尔变量，当它达到pdf页面数的值时，该变量从false变为true。这段代码写在另一个html文件中：

const showNextPage = () => {
if (pageNum >= pdfDoc.numPages) {
return;
}
pageNum++;
queueRenderPage(pageNum);
if (pageNum == pdfDoc.numPages) {
end = true;
}
};

在主页中：

//code
if (end) {
document.getElementById("validate").disabled = false;
document.getElementById("review").disabled = false;
}

所以问题很简单：当变量变为true时，按钮不会改变，那么我该怎么办呢？当变量的值发生变化时，是否有触发函数/某些代码的选项？

Answer 1

我不知道这个函数，也不知道它是否正确地验证了您是否在最后一页，但您应该将禁用状态更改为true才能禁用按钮。

document.getElementById("validate").disabled = true;