存在禁用={true}HTML按钮的问题。应用程序在JavaScript+React中。我设置按钮初始值disabled={true}。例如，我将其命名为ID="；按钮1"；一旦我单击另一个按钮，比如说ID=button2，我就会使用代码button1。。按钮重新启用，但一旦点击它没有任何功能，它看起来仍然被禁用。我做错了什么？

好的，这是我的简化代码：

document.getElementById('button1').disabled=false;

顺晟科技：

DISABLED是一个布尔属性，它在HTML元素上的存在将禁用该元素。如果它出现在元素上，它将禁用HTML元素，不管它有什么值。

您必须使用 function App() { const approve = () => { console.log('test'); }; const filterWeek2 = () => { document.getElementById('approve').removeAttribute("disabled"); }; return ( <div className="App"> <nav> <ul className="nav-area"> <li><button id="Week2" onClick={filterWeek2}>WEEK 2</button></li> <li><button id="approve" onClick={approve} disabled="disabled">APPROVE</button></li> </ul> </nav> </div> ); } export default withAuthenticator(App); 删除该属性才能使其可

removeAttribute

<代码><；禁用按钮类=“禁用”>；按钮<；/按钮>；<；按钮类=“正常”>；切换<；/按钮>；

由于您使用的是React，因此可以使用State切换const disabled = document.querySelector(".disabled"); const normal = document.querySelector(".normal"); normal.addEventListener("click", () => { if (disabled.hasAttribute("disabled")) disabled.removeAttribute("disabled"); else disabled.setAttribute("disabled", true); })。演示

<代码>已禁用={活动}

如果<button disabled class="disabled">button</button> <button class="normal">toggle</button>为disabled，则HTML元素为disable，否则为enabled.