Question

我希望最初禁用一个按钮。满足条件后，我要启用该按钮。我尝试了以下操作，但该按钮未启用。

<button class="search btn right-align search-button disabled" id="view-btn">
Hello
</button>

$('#submit_query').click(function(){
document.getElementById("myBtn").disabled = false; 

}

Answer 1

如果您使用jQuery更简单：

$('#submit_query').click(function(){
$("#myBtn").attr("disabled","false"); 

});

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<button class="search btn right-align search-button disabled" id="myBtn">
Hello
</button>

<button id="submit_query">Submit</button>

Answer 2

确保您的#id与HTML按钮控件匹配，并且要引入jQuery。然后启用您要执行的元素：

$('#enable').click(function(){
  $("#view-btn").removeAttr("disabled"); 
});

并禁用：

$('#disable').click(function(){
  $("#view-btn").attr("disabled","true"); 
});

对于工作示例： http://jsbin.com/xigeyixoji/edit?html,output

Answer 3

尝试一下：

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

<html>
<body>

<button id="myBtn" disabled>My Button</button>

<p>Click the button below to disable the button above.</p>

<button onclick="myFunction()" >Try it</button>



</body>
</html>

Answer 4

在提供的代码中，按钮元素的ID为“ view-btn”，但是JavaScript代码使用“ myBtn”使用getElementById。

此外，还为按钮分配了“禁用”类，该类可能会也可能不会真正禁用按钮。 “已禁用”是与类分开的属性。

此外，JavaScript使用jQuery分配点击处理程序。使用jQuery启用控件的标准方法是： $("#view-btn").prop("disabled", false );

Answer 5

tr

相关链接：http://jsfiddle.net/765ogwf1/11/

如何使用javascript以编程方式启用和禁用按钮

5 个答案: