Comments on: Customize HTML control with jQuery (Checkbox + Radio)

By: coder

coder — Wed, 30 Jun 2010 14:52:52 +0000

para que mierda suben algo que no funciona en el peor pero mas usado navegador ?? un boludo el qeu subio esto

Why in the hell somebody upload this examples if it doesn’t work in one of the most popular browser … what an idiot.

By: AJay

AJay — Thu, 20 May 2010 12:39:51 +0000

great thing, here the solution of IE problem
it is the css property “display: none; ” for the input ’s fileds …
so IE cannot understand the click or change event of the
inputs, one solution with a vertical layout could be

remove
.CheckBoxClass,.RadioClass{
display: none;
}

and replace it with
.CheckBoxClass,.RadioClass {
position: absolute;
overflow: hidden;
left: -9999px;
}

than it will works also in IE 6 and greater

By: Davi

Davi — Thu, 06 May 2010 15:59:42 +0000

Well, there is an important thing missing on this script, it cannot recogenize checked checkboxes, this means if you write checked=”yes” it wont work

this is a fix:

$(“input[type=checkbox][checked]“).each(
function() {
$(this).next(“label”).addClass(“LabelSelected”);
}
);

By: Dat Tai

Dat Tai — Sun, 25 Apr 2010 13:54:42 +0000

so coool

I’m Vietnamese ,nice to meet you

Visit my site

Thanks

By: JenkyJay

JenkyJay — Wed, 21 Apr 2010 03:43:57 +0000

Yeah, IE does not like it, i changed the .CheckBoxClass like so:

.CheckBoxClass {z-index: -1; position: relative; top: 22px; left: 9px;}

Obviously positioning depends on your image you are using. But it works a treat!

Thanks for the tip Laz!

By: Laz

Laz — Wed, 10 Mar 2010 16:43:59 +0000

I found a solution for IE (I guess IE doesn’t like changing the “checked” state of a checkbox that’s not displayed).

Instead of setting “display: none” (or visibility: hidden”, that doesn’t work either) I just positioned it absolutely under (lower z-index) another item. Any item can do, of course it might be the label itself.

Maybe this can fix accessibility issues too? Not sure about that.

By: HieuUK

HieuUK — Mon, 01 Mar 2010 00:18:57 +0000

Hi, it only use a normal html input so you could easily get the value. You didn’t specific which language you’re using, but if you could get the value with non-style control, you could get it the same way.

By: Fra

Fra — Sat, 27 Feb 2010 17:09:23 +0000

Hi there,
I want know how i can get the value of label selected and how i can use this value/s in an sql query on my DB !!
Thanks

By: zengxiangzhan

zengxiangzhan — Wed, 11 Nov 2009 08:21:19 +0000

Hope that is compatible with ie

By: axe

axe — Tue, 10 Nov 2009 15:44:44 +0000

Bad, doesn’t work in IE 6 and 8 as mentioned.