Beautiful and Scalable Checkbox Plugin with jQuery - alt-checkbox

alt-checkbox is a jQuery based alternative to standard html checkbox that helps you to create beautiful and scalable checkbox using CSS3 and Icon Fonts.

You might also like:

• Default Checkbox Replacement Plugin - jQuery prettyCheckable
• jQuery Plugin For Customizing Checkbox - betterCheckbox
• Sliding Checkbox Actions Menu

How to use it:

1. Include the latest jQuery library and jquery.alt-checkbox.js in the head section

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.alt-checkbox.js"></script>

2. Include necessary CSS files in the head section

<link rel="stylesheet" href="jquery.alt-checkbox.icon-font.css">
<link rel="stylesheet" href="jquery.alt-checkbox.css">

3. Markup

<input type="checkbox" id="demo">

4. Call the plugin with options

var make = (function() {
  jQuery("#demo").altCheckbox({
    sizeClass: "big"
  });
});

5. Default settings.

iconClass: "fa-check",
sizeClass: "medium",
customClass: "",
labelSameSize: true,
outlineUnchecked: true

Change logs:

2015-06-25

• Fix input[type='checkbox'] change event.
• CSS update.

v2.0 (2015-03-28)

• Plugin refactoring, less number of files.
• Default flat background of checkboxes.
• cdnjs urls for jquery, font awesome, etc.
• New jquery, font awesome.

---

This awesome jQuery plugin is developed by starikovs. For more Advanced Usages, please check the demo page or visit the official website.