How to get check status for check box in jquery

Question

I have a check box as follow.

<input id='showDeletedQuestionsId' name='showDeletedQuestions' type='checkbox' style='margin-right: 3px' />""

I want to know if it is checked in jquery. The code is:

    var showDeletedCheckbox = $('#showDeletedQuestions').is(':checked');

However, I notice that it always returns false even if check box is checked. I'd like to know how to get the check status in jquery.

Try `var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');` — tRx, Nov 17 '15 at 07:20
`showDeletedQuestionsId` and `showDeletedQuestions` not matching — guradio, Nov 17 '15 at 07:25

Satpal · Answer 1 · 2015-11-17T07:23:02.497

3

You are not using ID correctly, showDeletedQuestionsId is defined and showDeletedQuestions is used

use

var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');

As an alternative you can use .prop()

var showDeletedCheckbox = $('#showDeletedQuestionsId').prop('checked');

edited Nov 17 '15 at 07:23

answered Nov 17 '15 at 07:17

Satpal

132,252
13
159
168

score 3 · Accepted Answer · edited Nov 17 '15 at 07:34

3

<input id='showDeletedQuestionsId' name='showDeletedQuestions' type='checkbox' style='margin-right: 3px' />

js

var showDeletedCheckbox = $('#showDeletedQuestions').is(':checked');

your id are not matching match them and it will work

$('#showDeletedQuestionsId').change(function () {
    var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');

    if (showDeletedCheckbox) {
        alert('checked')
    } else {
        alert('not checked')
    }
})

demo

edited Nov 17 '15 at 07:34

Tushar

85,780
21
159
179

answered Nov 17 '15 at 07:26

guradio

15,524
4
36
57

i am just showing that his code works just fine the problem was that his id is not matching – guradio Nov 17 '15 at 07:38

score 1 · Answer 3 · answered Nov 17 '15 at 07:24

There is a mistake in your code. "#" selector is used for Id field only. but you have used "name" attribute in selection. Modify your code as below, it will work..

var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');

For reference check this link

How to get check status for check box in jquery

3 Answers3