Question

我有一个提交按钮，并希望它最初被禁用，所以我做了以下JavaScript;

var button = document.getElementById("myBtn");
button.disabled = true;

当我运行时，由于某种原因仍将其设置为启用。但是，当我有一个功能，当点击另一个按钮时，禁用第一个按钮，它被禁用;

function myFunction() {
document.getElementById("myBtn").disabled = true;
}

这是两个按钮的正常声明;

<button id="myBtn">Submit</button>
<button onClick = "myFunction()">Disable Submit Button</button>

我也尝试过使用 setAttribute和removeAttribute

PS：我正在使用Visual Studio 2015，并使用Chrome运行。当我使用Internet Explorer运行时，它给我一个奇怪的错误，说“JavaScript运行时错误：无法设置属性'禁用'未定义或空引用”[仅在Internet Explorer上，在Chrome中按钮正常工作，虽然已启用]。

Answer 1

您必须调用该函数才能将其禁用。

＆＃13;

function myFunction() {
  document.getElementById("myBtn").disabled = true;
}
myFunction();

＆＃13;

<button id="myBtn">Submit</button>

＆＃13;

或者使用自动调用匿名函数：

＆＃13;

(function() {
  document.getElementById("myBtn").disabled = true;
})();

＆＃13;

<button id="myBtn">Submit</button>

＆＃13;

或等到浏览器完成加载页面组件：

＆＃13;

window.onload = function(){
  document.getElementById("myBtn").disabled = true;
}

＆＃13;

<button id="myBtn">Submit</button>

＆＃13;

按钮最初未启动禁用

1 个答案: