<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://cdn.rawgit.com/atatanasov/gijgo/master/dist/combined/js/gijgo.min.js" type="text/javascript"></script> <link href="https://cdn.rawgit.com/atatanasov/gijgo/master/dist/combined/css/gijgo.min.css" rel="stylesheet" type="text/css" /> <div class="container-fluid" style="margin-top:10px"> <input type="checkbox" id="checkbox" /><br /> <button onclick="$chkb.state('checked')" class="btn btn-default">Checked</button> <button onclick="$chkb.state('unchecked')" class="btn btn-default">Unchecked</button> <button onclick="$chkb.state('indeterminate')" class="btn btn-default">Indeterminate</button> <br /><br /> <p><a href="http://gijgo.com/checkbox/example/bootstrap">Bootstrap Checkbox</a> powered by gijgo.com</p> </div>

var $chkb; $(document).ready(function () { $chkb = $('#checkbox').checkbox({ uiLibrary: 'bootstrap' }); });