In this article, In this article, we are going to create an HTML input box that is Toggle Disabled and Enable by a single button in Jquery.
HTML
<html >
<head>
<title>ed</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
<div>
<input type="text" id="tt1" /><br />
<button type="button" id="btn1">Disable</button>
</div>
</body>
</html>
Javascript
$(document).ready(function () {
$('#btn1').click(function () {
$('#tt1').prop('disabled', function(i, v) { return !v; });
});
});
I hope this code will helpful for you.

Brijpal Sharma is a web developer with a passion for writing tech tutorials. Learn JavaScript and other web development technology.