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

With Bootstrap 3.2 put the hidden input in the middle of your button group container. Instead of the text content we take the value of th data-value field.

    Yes
    
    No

Now insert a little javascript snippet into the onload part of your template.

$('.checkit .btn').click(function() {
    $(this).parent().find('input').val($(this).data("value"));
});

So you only need to add .checkit to your button group and insert a hidden input field.

With bootstrap 3.2 you can use button groups directly with radio- or checkbox-inputs

    
         Yes
    
    
         No
    
    
         Whatever
    

See here: http://jsfiddle.net/DHoeschen/gmxr45hh/1/