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);

Topics Coverage:

🎉 We are celebrating the 10th years of Code2care! Thank you for all your support!

We strongly support Gender Equality & Diversity.

Follow Us: GitHub | Facebook | Twitter | Instagram