Beautiful and Scalable Checkbox Plugin with jQuery - alt-checkbox

File Size: 8.68 KB
Views Total: 3075
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
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:

How to use it:

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

<script src=""></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() {
    sizeClass: "big"

5. Default settings.

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

Change logs:


  • 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.