Dependent Controls Library

Bootstrap Dependent Radio Buttons and Switches Examples

This page demonstrates various dependent radio buttons and switch control examples based on the Bootstrap CSS framework. All selected values will be restored after page refresh or back / forward button until the end of the browser session (using Session Storage).

Dependent Radio Buttons #1

This example shows dependent radio buttons in a vertical layout.

Select Category
>
Selected Values
    Selected Texts

      Dependent Radio Buttons #2

      This example shows dependent radio buttons in a horizontal layout.

      Level 1
      Level 2
      Level 3
      Selected Values
        Selected Texts

          Dependent Switches #3

          This example demonstrates dependent switches in a vertical layout.

          Select Category
          Selected Values
            Selected Texts

              Dependent Switches #4

              This example demonstrates dependent switches in a horizontal layout.

              Level 1
              Level 2
              Level 3
              >
              Selected Values
                Selected Texts

                  Dependent Toggle Buttons #5

                  This example shows examples with dependent toggle buttons in a horizontal layout.

                  Level 1
                  Level 2
                  Level 3
                  Selected Values
                    Selected Texts