<html>
<head>
<meta charset="utf-8" />
<title>Checkbox example</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="/js/core.js" type="text/javascript"></script>
<script src="/js/checkbox.js"></script>
<link href="/css/core.css" rel="stylesheet" type="text/css">
<link href="/css/checkbox.css" rel="stylesheet" type="text/css">
</head>
<body>
<label for="chkb-unchecked">Unchecked:</label> <input type="checkbox" id="chkb-unchecked" />
<label for="chkb-checked">Checked:</label> <input type="checkbox" id="chkb-checked" />
<label for="chkb-indeterminate">Indeterminate:</label> <input type="checkbox" id="chkb-indeterminate" />
<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>