A small jquery plugin gives the ability to stylize checkbox and radiobuttons
HTML JavaScript CSS
Latest commit b294dfd Jun 2, 2016 @itsalif Merge pull request #13 from bertyhell/patch-1
Fixed closing label tag
Failed to load latest commit information.
css version 1.0 Oct 7, 2010
images version 1.0 Oct 8, 2010
js version 1.0 Oct 8, 2010
.gitignore added .gitignore Aug 29, 2012
LICENSE Updated Readme and License Oct 13, 2010
README Updated Readme Oct 13, 2010
README.md Fixed closing label tag May 17, 2016
usage.html version 1.0 Oct 8, 2010

README.md

ezMark jQuery Plugin

ezMark is a jQuery Plugin that allows you to stylize Radio button and Checkbox easily. Its very small (minified version is ~1.5kb) compared to other similar scripts. It has been tested and works on all major browsers (IE 6/7/8, Firefox, Safari, Chrome).

How to Use

At first include the CSS and JS files.

  <link rel="stylesheet" href="css/ezmark.css" media="all">
  

  <script type="text/javascript" language="Javascript" src="jquery.ezmark.js"></script>
  

Declare the HTML tags as you normally would:

  <input type="checkbox" name="customerAge" id="age" /><label for="age">Age</label>
  

Then simply call the following method:

  $('selector').ezMark([options]);
  

You can customize to selector to apply only to checkbox or radiobuttons, like below:

Only apply to Checkbox:

  $('input[type="checkbox"]').ezMark(); 
  

Only apply to Radiobutttons:

  $('input[type="radio"]').ezMark();
  

For detailed usage, please check out usage.html file.

Online Documentation / Demo

License & Policy

Copyright (c) 2010 Abdullah Rubiyath http://www.itsalif.info. The script has been released under MIT License.