Jquery checkbox click issue

Question

I have a check box on my form with id="chkBold". When i click or check this checkbox, i want element

to change color. Here is my code and entire page. It does not change color. Can you see what is wrong here?

Thanks.

(function () {
    $("#chkBold").click(function(){
        if($("#chkBold").is(':checked')) {
            $("p").css('color', 'Blue'); 
        }else{
            $("p").css('color', 'Red'); 
        }
     });
});


 jsfiddle: http://jsfiddle.net/netten/dAesw/

shareef, i tried t oadd html part but it is giving formatting issues. — netten
– netten, Commented Jul 23, 2012 at 6:49

adeneo · Accepted Answer · 2012-07-23 06:46:58Z

3

You're missing a dollar sign :

$(function () {
    $("#chkBold").click(function(){
        if($(this).is(':checked')) {
            $("p").css('color', 'blue'); 
        }else{
            $("p").css('color', 'red'); 
        }
     });
});

answered Jul 23, 2012 at 6:46

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

adeneo Over a year ago

@netten - did you add jQuery ?

netten Over a year ago

Yes, because some other functions like button clicks etc worked.

swapnesh · Accepted Answer · 2012-07-23 06:52:43Z

0

Check this working model ---

http://jsfiddle.net/swapnesh/Xwj6n/

answered Jul 23, 2012 at 6:52

swapnesh

26.8k24 gold badges97 silver badges129 bronze badges

Comments

Rupesh Patel · Accepted Answer · 2012-07-23 06:52:47Z

0

Try to debug at

if($("#chkBold").is(':checked'))
               {
                alert($('p'));   
                $("p").css('color', 'Blue'); 
                }

make sure this selector gives you the same element you want to change the color, one more thing , Do you want to change the font color or the backgroundColor, both are different.

answered Jul 23, 2012 at 6:52

Rupesh Patel

3,0835 gold badges31 silver badges49 bronze badges

2 Comments

netten Over a year ago

Rupesh, it does not matter whether background or font color. All i am trying is to see that color changes on a checkbox click.

Rupesh Patel Over a year ago

@netten ok it was just a point, I just wanted to ensure. One thing i can tell is first check the selectors you used like $("#chkBold").is(':checked'). place alerts at different locations and debug your self It will be more helpful to you in future also. Regards :)

soupy1976 · Accepted Answer · 2012-07-23 07:05:27Z

0

I just tried tidying up your jsfiddle and it seems to work... http://jsfiddle.net/8fggu/2/

answered Jul 23, 2012 at 7:05

soupy1976

2,8452 gold badges29 silver badges36 bronze badges

Collectives™ on Stack Overflow

Jquery checkbox click issue

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Related