Check if a Checkbox is checked

Question

I am checking if a checkbox is checked, and if so, setting the visibility of a DIV.

However, the property check is failing. Nothing happens. When I put an alert before the "if", the alert fires. But with the if's, nothing happens. What am I doing wrong?

$('.cbFee').click(function () {
    if ($('.cbFee').prop('checked')) {
        $('.grpAnnualFee').hide();
    } else {
        $('.grpAnnualFee').show();
    }
});

I'm guessing you didn't click the first checkbox? You should test for `this.checked`. — Ja͢ck, Nov 14 '14 at 05:04

Kartikeya Khosla · Accepted Answer · 2014-11-14T05:06:51.237

1

Try This :-

$('.cbFee').click(function () {
    if ($(this).is(':checked')) {   
        $('.grpAnnualFee').hide();
    } else {
        $('.grpAnnualFee').show();
    }
});

OR

$('.cbFee').click(function () {
    if (this.checked) {   
         $('.grpAnnualFee').hide();
    } else {
         $('.grpAnnualFee').show();
    }
});

and while dealing with checkboxes it is better to use .change() instead of .click().

edited Nov 14 '14 at 05:06

answered Nov 14 '14 at 05:01

Kartikeya Khosla

18,743
8
43
69

score 1 · Answer 2 · answered Nov 14 '14 at 05:02

1

You can use $('.cbFee').is(':checked')

answered Nov 14 '14 at 05:02

user700284

13,540
8
40
74

Check if a Checkbox is checked

2 Answers2