Beautiful and Scalable Checkbox Plugin with jQuery - alt-checkbox

Beautiful and Scalable Checkbox Plugin with jQuery - alt-checkbox
File Size: 8.68 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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="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.