嗨,大家好我是新的JavaScript語言,問題是在頁面運行按鈕(1)應該被禁用,另一個應該是可點擊的,點擊按鈕(2)啓用按鈕(1) 請幫我...禁用和啓用按鈕
Q
禁用和啓用按鈕
-2
A
回答
0
您可以使用下面的代碼,將工作,當頁面加載Button1的將被禁用,BUTTON2將被啓用和BUTTON2的Button1點擊將被啓用也就是說
JS:
$("#button1").prop("disabled", true);
function buttonClick(){
$("#button1").prop("disabled", false);
}
在HTML:
<input type="button" id="button2" onclick="buttonClick()">
0
<html>
<!-- Include jQuery library -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<!-- Your css -->
<style>
#button1, #button2 {
width: 70px;
height: 30px;
background-color: #fff;
color: #000;
border: 1px solid black;
cursor: pointer;
}
#button1.disabled {
cursor: not-allowed;
background-color: #e6e6e6;
color: #808080;
}
</style>
<!-- jQuery -->
<script>
$(document).ready(function(){
$('#button2').on('click', function(){
$('#button1').removeClass('disabled');
$('#button1').on('click', function(){
// Your button 1 function
});
});
});
</script>
<!-- Content -->
<body>
<div id="button1" class="disabled">Button 1</div>
<div id="button2">Button 2</div>
</body>
</html>
希望我回答你的問題。
-1
將下面的css添加到按鈕中: pointer-events:none;
如果u要啓用THW按鈕,添加下面的CSS:
指針的事件:defau
相關問題
- 1. 按鈕 - 啓用和禁用
- 2. 啓用和禁用按鈕
- 3. NSUndoManager和啓用/禁用撤消按鈕
- 4. 啓用和禁用按鈕點擊jquery
- 5. MVVMLight和禁用/啓用按鈕
- 6. Angular JS - 啓用和禁用按鈕
- 7. 如何啓用和禁用JavaScript按鈕?
- 8. 啓用/禁用MGWT按鈕
- 9. 啓用/禁用按鈕
- 10. 禁用/啓用按鈕
- 11. Java啓用/禁用按鈕
- 12. 啓用和禁用複選框未禁用按鈕
- 13. 使用jQuery禁用/啓用按鈕
- 14. 使用jquery.validationEngine啓用/禁用按鈕
- 15. 使用jquery禁用啓用按鈕
- 16. 使用KO禁用\啓用Bootbox按鈕
- 17. 使用javascript啓用/禁用按鈕
- 18. 使用jquery禁用/啓用按鈕
- 19. 啓用禁用按鈕asp.net - 使用javascript
- 20. 使用ng-disabled啓用/禁用按鈕
- 21. 使用JavaScript和asp.net啓用和禁用按鈕
- 22. 啓用和禁用使用JavaScript和PHP的按鈕
- 23. 要禁用/啓用按鈕的形式
- 24. jquery 1.8禁用/啓用提交按鈕
- 25. 啓用禁用按鈕在jsf 2.2
- 26. asp禁用或啓用按鈕
- 27. 正確啓用/禁用保存按鈕
- 28. 啓用/禁用對話框按鈕android
- 29. 禁用/啓用按鈕。 Flash AS2
- 30. 啓用/禁用Xcode 8中的按鈕
還不如在這裏粘貼代碼,以便我們能夠幫助您更好地 –
歡迎StackOverflow上。請注意,這不是一個免費的代碼寫入服務,但我們渴望幫助其他程序員(和有志之士)編寫他們自己的代碼。請閱讀[如何提出問題](http://stackoverflow.com/help/how-to-ask)上的幫助主題。之後,請用您迄今編寫的代碼更新您的問題,以完成您希望實現的任務。 –