JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="btn-group" id="have_btn" data-toggle="buttons-checkbox">
                        <label class="btn">
                            <input type="checkbox" class="hide" name="actiona" value="q1">
                            Q1
                        </label>
                        <label class="btn">
                            <input type="checkbox" class="hide" name="actiona" value="q2">
                            Q2
                        </label>
                        <label class="btn">
                            <input type="checkbox" class="hide" name="actiona" value="q3">
                            Q3
                        </label>
                        <label class="btn">
                            <input type="checkbox" class="hide" name="actiona" value="q4">
                            Q4
                        </label>
                        <label class="btn">
                            <input type="checkbox" class="hide" name="actiona" value="q5">
                            Q5
                        </label>
                    </div>

CSS

.hide {
display: none;        
}

JavaScript

$(document).ready(function(){
                $('#have_btn label.btn').live('click', function(){
                    alert($(this).html());
                    if ($(this).hasClass('btn-success'))
                    {
                        $(this).removeClass('btn-success'); 
                    }
                    else
                    {
                        $(this).addClass('btn-success');
                    }
                });
            });