VOOZH about

URL: https://www.geeksforgeeks.org/bootstrap/bootstrap-5-checkbox-and-radio-button-groups/

⇱ Bootstrap 5 Checkbox and radio button groups - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

Bootstrap 5 Checkbox and radio button groups

Last Updated : 23 Jul, 2025

Bootstrap5 checkbox and radio button group provide to combine the button, such as checkbox and radio toggle buttons in a button group, by implementing the .btn-group class.

Checkbox and Radio Button Group Classes:

  • .btn-group: This class is used to combine buttons.
  • .btn-check: This class is used to create checkable type buttons.

Syntax:

<section class="btn-group">
 <input type="checkbox" 
 class="btn-check"/>
 ...
</section>

Example 1: This example describes the use of the radio button groups in Bootstrap 5.

Output:

Example 2: This example describes the use of the checkbox button groups in Bootstrap 5.

Output:

Reference: https://getbootstrap.com/docs/5.0/components/button-group/#checkbox-and-radio-button-groups

Comment

Explore