Jquery Plugin: custom style radio & checkbox

Jquery Plugin: custom style radio & checkbox
version 0.1
04/08/2011
Copyright (c) 2011 Shuric A. Cornery
http://shuric.dp.ua

Demo:

Checkbox:

Radio:

Installation:

SCRIPT:

<script type="text/javascript" src="[PATH]/jquery.custom.radio.checkbox.js"></script>

IMAGE:
(for example - width:21px, height:22*6 = 132px)

CSS:
(height & width as example image)

.cb-freestyle {
height: 22px; width: 21px; margin: 0 0 3px; padding: 0 0 0 0px; cursor: pointer;
background: url(/images/cb.custom.png) no-repeat;
}

USAGE:

<div class="cb-freestyle"><input type="checkbox" name="cb1" checked="checked"/></div>

$(document).ready( function() {
$(".cb-freestyle").cbStyle();
});

OPTIONS:

h : set height, if necessary

onChange : function(state, id_cb) {}

state = true or false
id_cb = object INPUT

DOWNLOAD:

jquery.custom.radio.checkbox.js
cb.custom.png


175