Bootstrap 5 Checks and Radios Disabled

Bootstrap 5 Checks and radios Disabled is used to make a checkbox/radio disabled, which means we won't be able to click on it. Its appearance will also get muted. Add the disabled attribute and the associated <label>s are automatically styled with a lighter color to indicate its disabled state.

Bootstrap 5 Checks and Radios Disabled Class: There is no class to disable check and radio buttons, for that, we will use the old-school HTML Disable attribute.

Syntax:

<input class="..." type="checkbox|radio" disabled>

Below examples illustrate the Bootstrap 5 Checks and Radios Disabled:

Example 1: In this example, we will learn about disabled CheckBox.

Output:

👁 Image

Example 2: In this example, we will learn about disabled Radio.

Output:

👁 Image

References: 

• https://getbootstrap.com/docs/5.0/forms/checks-radios/#disabled
• https://getbootstrap.com/docs/5.0/forms/checks-radios/#disabled-1