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
-
Online Documentation: http://www.itsalif.info/content/ezmark-jquery-checkbox-radiobutton-plugin
-
Online Demo: http://www.itsalif.info/content/demo-ezmark-jquery-plugin/
License & Policy
Copyright (c) 2010 Abdullah Rubiyath http://www.itsalif.info. The script has been released under MIT License.