如何使用javascript以編程方式啟用和禁用按鈕
[英]How to programmatically enable and disable a button using javascript
問題描述
我想要一個按鈕最初被禁用。 一旦滿足條件，我想啟用該按鈕。 我嘗試了下面的按鈕沒有啟用。
<button class="search btn right-align search-button disabled" id="view-btn">
Hello
</button>
$('#submit_query').click(function(){
document.getElementById("myBtn").disabled = false;
}
5 個解決方案
解決方案1
2 2018-06-19 18:44:01
如果你使用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>
解決方案2
1 2018-06-19 18:52:45
確保您的#ids與您的HTML按鈕控件匹配，並且您正在引入jQuery。 然后啟用要執行此操作的元素：
$('#enable').click(function(){
$("#view-btn").removeAttr("disabled");
});
並禁用：
$('#disable').click(function(){
$("#view-btn").attr("disabled","true");
});
解決方案3
0 2018-06-19 18:44:06
嘗試這個：
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>
解決方案4
0 2018-06-19 18:52:36
在提供的代碼中，button元素的id是“view-btn”，但JavaScript代碼使用“myBtn”使用getElementById。
此外，該按鈕被分配了“禁用”類，該類可能實際上或可能不實際禁用該按鈕。 “disabled”是類的獨立屬性。
另外，JavaScript使用jQuery來分配點擊處理程序。 使用jQuery啟用控件的標准方法是： $("#view-btn").prop("disabled", false );
解決方案5
0 2018-06-19 18:54:02
<button class="search btn right-align search-button" disabled id="view_btn">
Hello
</button>
<button class="search btn right-align search-button" id="submit_query">
click me
</button>
var myHTML = document.querySelector('#submit_query');
myHTML.onclick = function() {
console.log(1);
document.getElementById("view_btn").disabled = false;
};
相關鏈接： http ： //jsfiddle.net/765ogwf1/11/
如何使用JavaScript啟用和禁用后退按鈕
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.