Twitter Bootstrap Button Group Control Radio Buttons/Checkboxes

Question

I am trying to use the Twitter Bootstrap button group as an actual set of form input controls. By default, these button groups can be made to function like a radio button or che

Answer 1

Bootstrap 3 has a "native" solution...

There now is a "true" Bootstrap solution for this problem, which appears to work fine also on older browsers. Here's what it looks like:

// get selection
$('.colors input[type=radio]').on('change', function() {
    console.log(this.value);
});

  
     Red
  
  
     Orange
  
  
     Yellow
  

See the relevant Bootstrap documentation for more information.

Bootstrap 4

Bootstrap 4 supports component the same way as Bootstrap 3, but Bootstrap 4 does not support IE9. You might want to check out the Bootstrap IE8 project.