Thank to Andrew for help, and to Ryan Fait for some algoritms from his "CUSTOM FORM ELEMENTS"
Custom radio & checkbox jQuery plugin;
by N0r8 [email protected];
for more info watch Wiki
jquery 1.6 + compatible
usage:
$('your checkbox or radio selector').Custom({
customStyleClass:'classForcustomView',
customHeight:'height of checkbox or radio'
});
example:
$('input[type="checkbox"]').Custom({
customStyleClass:'checkbox',
customHeight:'16'
});
If you need disable or enable button update them like this(in demo.html):
$('#radio3').removeAttr('disabled').trigger('custom.refresh');
If you dinamical added button just recall plugin after html with buttons added(in demo.html):
Create call then
$(".radioclass").Custom({
customStyleClass:'radio',
customHeight:'25'
});
$(".checkboxclass").Custom({
customStyleClass:'checkbox',
customHeight:'20'
});