A small jquery plugin gives the ability to stylize checkbox and radiobuttons
JavaScript CSS
Pull request Compare This branch is 3 commits ahead, 2 commits behind itsalif:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
images
js
.gitignore
LICENSE
README
README.md
usage.html

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.