jQuery.fn.cssCheckbox = function () { jQuery("input[type='checkbox'] + 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 () { var context = this; jQuery("input[type='radio'] + 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[type='radio'] + label", context) .each( function() { jQuery(this) .removeClass("checked") .prev()[0].checked = false; }); jQuery(this) .addClass("checked") .prev()[0].checked = true; }) .prev().hide(); }