check a checkbox with jQuery?

Question

I am trying to check and uncheck a check box. this is my html code.

<input type="checkbox" id="isWorking" name="isWorking" />

i tried to do it with jquery this way,

$('#isWorking').val('1');
$('#isWorking').val('0');

How can I control checkboxes with jQuery?

possible duplicate of [How do I check a checkbox with jQuery?](http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery) — dev1234, Dec 25 '13 at 08:49

score 3 · Accepted Answer · answered Dec 25 '13 at 08:30

3

Use .prop method.

$('#isWorking').prop('checked', true);  // check it
$('#isWorking').prop('checked', false); // uncheck it

answered Dec 25 '13 at 08:30

xdazz

158,678
38
247
274

why use prop method instead of attr? – Dec 25 '13 at 08:35
1

@lttyhead Because it is a property over attribute. – xdazz Dec 25 '13 at 08:41
The OP is targeting to id thus attr would be better way. – Bhojendra Rauniyar Dec 25 '13 at 08:47
1

@C-link What do you mean by `targeting to id`? – xdazz Dec 25 '13 at 08:50

score 1 · Answer 2 · edited May 23 '17 at 12:23

1

For set Checkbox value you need to use .prop

$('#isWorking').prop('checked', true);
$('#isWorking').prop('checked', false);

Setting "checked" for a checkbox with jQuery?

edited May 23 '17 at 12:23

Community

1
1

answered Dec 25 '13 at 08:31

Alexander.Shtanko

447
2
11

score 0 · Answer 3 · answered Dec 25 '13 at 08:30

0

Try this out:- http://jsfiddle.net/adiioo7/awJXM/1/

JS:-

$('#isWorking').attr("checked",true);

answered Dec 25 '13 at 08:30

Aditya Singh

9,512
5
32
55

score 0 · Answer 4 · answered Dec 25 '13 at 08:30

0

you can simply do this,

$("#isWorking").attr('checked', true);

to see if a checkbox is checked or not:

$('#isWorking').is(':checked');

answered Dec 25 '13 at 08:30

dev1234

5,376
15
56
115

score 0 · Answer 5 · answered Dec 25 '13 at 08:30

0

You can use jquery attr

$('#isWorking').attr('checked', true);

Ref: http://api.jquery.com/attr/

answered Dec 25 '13 at 08:30

Krish R

22,583
7
50
59

score 0 · Answer 6 · edited May 23 '17 at 11:44

0

Use .prop()

 $('#isWorking').prop('checked', true/false);

A good read .prop() vs .attr()

edited May 23 '17 at 11:44

Community

1
1

answered Dec 25 '13 at 08:30

Satpal

132,252
13
159
168

MysticMagicϡ · Answer 7 · 2013-12-25T08:36:29.473

0

Use this:

$("#isWorking").prop("checked",true); //check
$("#isWorking").prop("checked",false); //uncheck

Hope it helps.

edited Dec 25 '13 at 08:36

answered Dec 25 '13 at 08:31

MysticMagicϡ

28,593
16
73
124

`.prop()` is recommended now. – jfriend00 Dec 25 '13 at 08:35

score 0 · Answer 8 · answered Dec 25 '13 at 08:32

0

$("#isWorking").attr('checked', true);

answered Dec 25 '13 at 08:32

HDT

2,017
20
32

1

`.prop()` is recommended now. – jfriend00 Dec 25 '13 at 08:35

check a checkbox with jQuery?

8 Answers8

Try this out:- http://jsfiddle.net/adiioo7/awJXM/1/