How to disable button in Bootstrap

Bootstarp button disable example
Bootstarp button disable example

If you are using Bootstrap UI framework in your project and want to disable a button element, you can simply do it by adding attribute disabled="true",


<button id="myButton" type="button" class="btn btn-primary" disabled="true">Primary</button>

If you want to disable the button programmatically via JavaScript, you can do

document.getElementById("myButton").disabled = true;

If you want to achieve this using JQuery you can try the below code,

$('myButton').prop('disabled', true);

Recent Posts:

Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.