jQuery, failed to change attribute checked on checkbox

Question

I have some problem with checkboxes and changing its state by JavaScript and jQuery.

When I try to change attribute "checked" by this jQuery code, its works perfectly:

jQuery("input[type='checkbox']").prop("checked", false);

But, if I need change attribute by specific attribute it doesn't work (attribute changed, by checkbox is still select):

jQuery("#id").prop("checked", false);

How can I change "checked" attribute by ID?

when you change the checked state of a checkbox... the attribute is not changed instead an internal property of the dom element is changed — Arun P Johny
– Arun P Johny, Commented Jun 10, 2014 at 5:25

user3136030 · Accepted Answer · 2014-06-10 05:31:18Z

1

Try This,

$('input[type='checkbox'][value='value_to_be_checked']').prop('checked',true);

Mention value of checkbox to be checked.

answered Jun 10, 2014 at 5:31

user3136030

3844 gold badges10 silver badges19 bronze badges

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

Comments

Ashraf · Accepted Answer · 2014-06-10 06:04:05Z

0

You can use the method prop like the following fiddle : http://jsfiddle.net/3qp99/1/

answered Jun 10, 2014 at 6:04

Ashraf

2,6091 gold badge23 silver badges38 bronze badges

Ashraf · Accepted Answer · 2014-06-10 06:27:16Z

0

Try simpley with it (If you want a pure JS solution without using jQuery)

document.getElementById("myId").checked = true; // check
document.getElementById("myId").checked = false; //uncheck

Ashraf

2,6091 gold badge23 silver badges38 bronze badges

answered Jun 10, 2014 at 6:09

38.8k9 gold badges68 silver badges120 bronze badges