How can I determine whether a checkbox is checked in jQuery?

Question

I dynamically create a bunch of checkboxes like so:

@foreach (var rpt in reports)
{
    @* convert id to lowercase and no spaces *@
    var morphedRptName = @rpt.report.Replace(" ", string.Empty).ToLower();
    <input class="leftmargin8, ckbx" id="ckbx_@(morphedRptName)" type="checkbox" value="@rpt.report" />@rpt.report
}

I've got this event handler where I want to determine their state - checked or unchecked:

$(".ckbx").change(function () {
    if ($(this).checked) {
        alert('checkbox is unchecked');
        checkboxSelected = false;
        return;
    }
    alert('checkbox is checked');
    . . .

However, the condition "if ($(this).checked)" is always false, both when I check a checkbox and when I subsequently uncheck/deselect it.

So what do I need to do to determine when it is unchecked? I actually tried this first: "if (!$(this).checked)" but that just did the reverse - the condition was always true.

`if ($(this).is(":checked")) {` ? – Rajaprabhu Aravindasamy Apr 21 '16 at 18:32 — Rajaprabhu Aravindasamy, Apr 21 '16 at 18:32
Have you considered googling the question before? – Mike B Apr 21 '16 at 18:32 — Mike B, Apr 21 '16 at 18:32

score 1 · Accepted Answer · answered Apr 21 '16 at 18:32

1

$(this) is jQuery object. Just use basic javascript this instead like following.

this.checked //instead of `$(this).checked`

answered Apr 21 '16 at 18:32

Ibrahim Khan

20,616
7
42
55

How can I determine whether a checkbox is checked in jQuery?

1 Answers1