Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 26 additions & 26 deletions js/jquery.ezmark.js
Original file line number Diff line number Diff line change
@@ -1,42 +1,42 @@
/**
* ezMark - A Simple Checkbox and Radio button Styling plugin.
* ezMark - A Simple Checkbox and Radio button Styling plugin.
* This plugin allows you to use a custom Image for Checkbox or Radio button. Its very simple, small and easy to use.
*
*
* Copyright (c) Abdullah Rubiyath <http://www.itsalif.info/>.
* Released under MIT License
*
*
* Files with this plugin:
* - jquery.ezmark.js
* - ezmark.css
*
*
* <usage>
* At first, include both the css and js file at the top
*
* Then, simply use:
*
* Then, simply use:
* $('selector').ezMark([options]);
*
*
* [options] accepts following JSON properties:
* checkboxCls - custom Checkbox Class
* checkedCls - checkbox Checked State's Class
* radioCls - custom radiobutton Class
* selectedCls - radiobutton's Selected State's Class
*
*
* </usage>
*
*
* View Documention/Demo here:
* http://www.itsalif.info/content/ezmark-jquery-checkbox-radiobutton-plugin
*
*
* @author Abdullah Rubiyath
* @version 1.0
* @date June 27, 2010
*/

(function($) {
$.fn.ezMark = function(options) {
options = options || {};
var defaultOpt = {
checkboxCls : options.checkboxCls || 'ez-checkbox' , radioCls : options.radioCls || 'ez-radio' ,
checkedCls : options.checkedCls || 'ez-checked' , selectedCls : options.selectedCls || 'ez-selected' ,
options = options || {};
var defaultOpt = {
checkboxCls : options.checkboxCls || 'ez-checkbox' , radioCls : options.radioCls || 'ez-radio' ,
checkedCls : options.checkedCls || 'ez-checked' , selectedCls : options.selectedCls || 'ez-selected' ,
hideCls : 'ez-hide'
};
return this.each(function() {
Expand All @@ -45,32 +45,32 @@
// for checkbox
if( $this.attr('type') == 'checkbox') {
$this.addClass(defaultOpt.hideCls).wrap(wrapTag).change(function() {
if( $(this).is(':checked') ) {
$(this).parent().addClass(defaultOpt.checkedCls);
}
if( $(this).is(':checked') ) {
$(this).parent().addClass(defaultOpt.checkedCls);
}
else { $(this).parent().removeClass(defaultOpt.checkedCls); }
});

if( $this.is(':checked') ) {
$this.parent().addClass(defaultOpt.checkedCls);
$this.parent().addClass(defaultOpt.checkedCls);
}
}
}
else if( $this.attr('type') == 'radio') {

$this.addClass(defaultOpt.hideCls).wrap(wrapTag).change(function() {
// radio button may contain groups! - so check for group
$('input[name="'+$(this).attr('name')+'"]').each(function() {
if( $(this).is(':checked') ) {
$(this).parent().addClass(defaultOpt.selectedCls);
if( $(this).is(':checked') ) {
$(this).parent().addClass(defaultOpt.selectedCls);
} else {
$(this).parent().removeClass(defaultOpt.selectedCls);
$(this).parent().removeClass(defaultOpt.selectedCls);
}
});
});

if( $this.is(':checked') ) {
$this.parent().addClass(defaultOpt.selectedCls);
}
$this.parent().addClass(defaultOpt.selectedCls);
}
}
});
}
Expand Down