Skip to content

Instantly share code, notes, and snippets.

@starikovs
Last active December 14, 2015 01:39
Show Gist options
  • Save starikovs/5008245 to your computer and use it in GitHub Desktop.
Save starikovs/5008245 to your computer and use it in GitHub Desktop.
alt-checkbox demo page
<!DOCTYPE html>
<html>
<head>
<title>alt-checkbox demo</title>
<!-- Include jQuery library to the head section -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!-- @import the desired icon font in the alt-checkbox-icon-font.css and
include this css file in the head section, Font Awesome is used by default -->
<link rel="stylesheet" href="alt-checkbox-icon-font.min.css">
<!-- Style the checkbox if you want in the alt-checkbox.css file.
Include alt-checkbox.css to the head section. -->
<link rel="stylesheet" href="alt-checkbox.min.css">
<!-- Include alt-checkbox.js to the head section -->
<script src="alt-checkbox.min.js"></script>
</head>
<body>
<input type="checkbox" id="checkbox1">
<label for="checkbox1">Check Me!</label>
<!-- Select some checkboxes with the jQuery and
apply the alt-checkbox plugin specifying some options if you need -->
<script>
jQuery("#checkbox1").altCheckbox({
iconClass: "fontawesome-star"
/* and some other options if you need */
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment