Jquery-based image check box for 3z (Asp.net + jquery)

First:

HTML:

CopyCode The Code is as follows: <asp: checkboxlist id = "checkboxlist1" runat = "server" repeatdirection = "horizontal" repeatlayout = "flow" width = "280px">
<Asp: listitem> 01 </ASP: listitem>
<Asp: listitem> 02 </ASP: listitem>
<Asp: listitem> 03 </ASP: listitem>
<Asp: listitem> 04 </ASP: listitem>
<Asp: listitem> 05 </ASP: listitem>
<Asp: listitem> 06 </ASP: listitem>
<Asp: listitem> 07 </ASP: listitem>
<Asp: listitem> 08 </ASP: listitem>
<Asp: listitem> 09 </ASP: listitem>
<Asp: listitem> 10 </ASP: listitem>
<Asp: listitem> 11 </ASP: listitem>
<Asp: listitem> 12 </ASP: listitem>
<Asp: listitem> 13 </ASP: listitem>
<Asp: listitem> 14 </ASP: listitem>
<Asp: listitem> 15 </ASP: listitem>
<Asp: listitem> 16 </ASP: listitem>
<Asp: listitem> 17 </ASP: listitem>
<Asp: listitem> 18 </ASP: listitem>
<Asp: listitem> 19 </ASP: listitem>
<Asp: listitem> 20 </ASP: listitem>
<Asp: listitem> 21 </ASP: listitem>
<Asp: listitem> 22 </ASP: listitem>
<Asp: listitem> 23 </ASP: listitem>
<Asp: listitem> 24 </ASP: listitem>
<Asp: listitem> 25 </ASP: listitem>
<Asp: listitem> 26 </ASP: listitem>
<Asp: listitem> 27 </ASP: listitem>
<Asp: listitem> 28 </ASP: listitem>
<Asp: listitem> 29 </ASP: listitem>
<Asp: listitem> 30 </ASP: listitem>
<Asp: listitem> 31 </ASP: listitem>
<Asp: listitem> 32 </ASP: listitem>
<Asp: listitem> 33 </ASP: listitem>
</ASP: checkboxlist>

JS: copy Code the code is as follows: (function ($) {
$. FN. imagecheckbox = function (options) {
var defaults = {
checked: "images/radio.gif",
unchecked: "no_images/radio.gif ",
CSS: "on",
hide_radios_checkboxes: false
};
var opt = $. extend (defaults, options);
This. each (function () {
var OBJ = $ (this);
var typ E = obj. ATTR ('type');
var id = obj. ATTR ('id');
If (! OPT. hide_radios_checkboxes) {
obj.css ('display', 'None');
}< br> If (obj. ATTR ('checked') {
$ ("Label [for = '" + ID + "']" ).attr('class', opt.css );
} else {
$ ("Label [for = '" + ID + "']"). ATTR ('class', 'out');
}< BR >$ ("Label [for = '" + ID + "']"). click (function () {
$ ("#" + id ). trigger ("click");
if ($ (this ). ATTR ('class') = opt.css) {
$ (this ). ATTR ('class', 'out');
}else {
$ (this ). ATTR ('class', opt.css);
}< BR >}) (jquery );

usage: (Issue CSS together) copy Code the code is as follows: