Revision: 35668
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at November 11, 2010 23:58 by touffies
Initial Code
/* -------------------------------------------------------------------
Custom Radio ------------------------------------------------------ */
$.fn.cssRadio = function (settings) {
var container = this;
// defaults settings
settings = $.extend({
classOn: "r_on",
classOff: "r_off",
classOver: "over"
}, settings);
return container.each( function() {
var Elm = this;
var inputElm = $(":radio + label", Elm);
inputElm
.each( function(){
if ( $(this).prev()[0].checked ){
$(this).removeClass(settings.classOff).addClass(settings.classOn);
}else{
$(this).removeClass(settings.classOn).addClass(settings.classOff);
}
})
.addHover(settings.classOver)
.bind("click", function() {
inputElm
.each( function() {
if ( $(this).prev()[0].checked ){
$(this).removeClass(settings.classOn).addClass(settings.classOff);
$(this).prev()[0].checked = false;
}
});
$(this).removeClass(settings.classOff).addClass(settings.classOn);
$(this).prev()[0].checked = true;
return false;
})
.prev().css({"position": "absolute", "left": "-3000px"});
});
};
Initial URL
Initial Description
Custom Radio box, replace with images
Initial Title
Custom Radio box
Initial Tags
form, jquery
Initial Language
jQuery