Code for beautifying the checkbox and radio controls using jquery and images (packaged and downloaded) _ jquery

The beautification of the checkbox and radio controls implemented by jquery is very good. You can modify images to achieve more beautiful results. :

HTML:

The Code is as follows:

Aaaaaa
Bbbbbb
Ccccc
Ddddd

AAAAAA
BBBBBBBB
CCCCCC
DDDDDD

JS:

The Code is as follows:

$ (Function (){
$ ('# Chklist'). hcheckbox ();
$ ('# Radiolist'). hradio ();
$ ('# BtnOK'). click (function (){
Var checkedValues = new Array ();
$ ('# Chklist: checkbox'). each (function (){
If ($ (this). is (': checked '))
{
CheckedValues. push ($ (this). val ());
}
});
Alert (checkedValues. join (','));
Alert ($ ('# radiolist: checked'). val ());
})
});

It is required to introduce jquery files.
There is also a checkbox plug-in JS file jquery-hcheckbox.js, In the download of the compressed package has the source file and DEMO
Please let me know if you have made more beautiful on this basis ~~
Demo address http://demo.jb51.net/js/jQuery_HCheckbox/index.html
Package