jQuery Checkbox for Bootstrap and Material Design

Checkbox Overview

Checkbox by Gijgo.com is a plug-in for the jQuery Javascript library. It is a very fast and extandable tool, and will add advanced interaction controls to any checkbox. This plugin allows you to create checkboxes using bootstrap or material design styles. Free open source tool distributed under MIT License.

Getting Started

                <html>
<head>
    <meta charset="utf-8" />
    <title>Checkbox example</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
    <link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css" />
</head>
<body>
    <label for="chkb-unchecked">Unchecked:</label> <input type="checkbox" id="chkb-unchecked" /> &nbsp; &nbsp;
    <label for="chkb-checked">Checked:</label> <input type="checkbox" id="chkb-checked" /> &nbsp; &nbsp;
    <label for="chkb-indeterminate">Indeterminate:</label> <input type="checkbox" id="chkb-indeterminate" /> &nbsp; &nbsp;
    <label for="chkb-disabled">Disabled:</label> <input type="checkbox" id="chkb-disabled" />
    <script>
        $('#chkb-unchecked').checkbox();
        $('#chkb-checked').checkbox().state('checked');
        $('#chkb-indeterminate').checkbox().state('indeterminate');
        $('#chkb-disabled').checkbox().state('checked').prop('disabled', true);
    </script>
</body>
</html>
            