Better Bootstrap Select All Checkboxes

A better way to select all checkboxes.

by mmfansler

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<div class="control-group">
    <div class="controls">
        <div class="input">
            <div class="btn-group" data-toggle="buttons-checkbox">
                <button class="btn" id="colors-1-toggle-0">C</button>
                <button class="btn" id="colors-1-toggle-1">M</button>
                <button class="btn" id="colors-1-toggle-2">Y</button>
                <button class="btn" id="colors-1-toggle-3">K</button>
            </div>
        </div>
        <button id="toggle-all" class="btn btn-info">Toggle All</button>
    </div>
</div>

JavaScript

$('#toggle-all').click(function() {
    $('.btn-group[data-toggle="buttons-checkbox"] button').button('toggle');
});