Hi all,
How can i enable and disable Button in HTML using JavaScript?
<input type="button" value="Submit"></input>
Hi makenzi.exc,
Refer below example.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style type="text/css"> body { font-family: Arial; font-size: 10pt; } </style> </head> <body> <input id="btnSubmit" type="button" value="Submit" disabled /> <input type="button" value="Enable" onclick="EnableDisable(this)" /> <script type="text/javascript"> function EnableDisable(element) { var button = document.getElementById("btnSubmit"); button.disabled = !button.disabled; element.value = button.disabled ? "Enable" : "Disable"; }; </script> </body> </html>
Demo
Screenshot
Downloads
Download Sample
© COPYRIGHT 2025 ASPSnippets.com ALL RIGHTS RESERVED.