jQuery.fn.cssCheckbox = function (name) { if (name === undefined) var search = "type='checkbox'"; else var search = "name='"+name+"'"; jQuery("input["+search+"] + label", this) .each( function(){ if ( jQuery(this).prev()[0].checked ) jQuery(this).addClass("checked"); }) .hover( function() { jQuery(this).addClass("over"); }, function() { jQuery(this).removeClass("over"); } ) .click( function() { jQuery(this) .toggleClass("checked") .prev()[0].checked = !jQuery(this).prev()[0].checked; }) .prev().hide(); } jQuery.fn.cssRadio = function (name) { var context = this; if (name === undefined) var search = "type='radio'"; else var search = "name='"+name+"'"; jQuery("input["+search+"] + label", this) .each( function(){ if ( jQuery(this).prev()[0].checked ) jQuery(this).addClass("checked"); }) .hover( function() { $(this).addClass("over"); }, function() { $(this).removeClass("over"); } ) .click( function() { jQuery("input["+search+"] + label", context) .each( function() { jQuery(this) .removeClass("checked") .prev()[0].checked = false; }); jQuery(this) .addClass("checked") .prev()[0].checked = true; }) .prev().hide(); }