In Jquery, how can I change a css style or change a class to the label of a radio button when this radio button is checked?


I have a bunch of radiobuttons in a group and each radio button has its own label:

<input type="radio" class="lstradio" name="photonum" value="4" id="photonum_1" />

I also have the css for these labels that work with the hover:

label {
font-family: sans-serif;
font-size: 20px;

label:hover {
background-color: #FF6;

My question: How do I switch the css style or class of the label when my radio button input is checked, using jQuery?

Here is the scenario:

In each fieldset there are a number of radio buttons, idea is to change the css style ONLY for the label of the radio button that is checked in each of these fieldsets...

Perhaps I need to fiddle with the blur() function?

Here is the sample:

You can just do it in label on click().


Check this

EDIT: The <span>s complicate a little bit the thing but this will work: