jQuery unchecking and reselecting checkbox programmatically

Question

I have a bootstrap modal with a form inside, This means I require to programmatically set check boxes. When I attempt to programmatically select, deselect then reselect the checkbox the reselection doesn't get made.

Whenever I call .attr('checked', false); the following .attr('checked', true) doesn't seem to make changes.

How can I check the checkbox after it been unchecked?

HTML

<input value="None" name="hazards[]" id="hazard1" type="checkbox">

jQuery

$('#hazard1').attr('checked', true); //automated input check
$('#hazard1').attr('checked', false); //User cancels form and unchecks input
$('#hazard1').attr('checked', true); //Reopens form, but doesnt get checked

Is the form re-initiated (re-rendered) each time the user opens the modal window? Are you saving the checkbox's state somehow? — MorKadosh
– MorKadosh, Commented Feb 7, 2016 at 12:34
@Stryner - Thanks, havnt used .prop much before. This solved the problem...look like ill be replacing alot of my .attr with this now. — Orbitall
– Orbitall, Commented Feb 7, 2016 at 12:41
Please provide enough of your code (see the "minimal reproducible example" guidelines) to allow us to reproduce your issue, and the context of your ur question/problem. — David Thomas
– David Thomas, Commented Feb 7, 2016 at 12:41

Community · Accepted Answer · 2017-05-23 10:28:25Z

1

Thanks to Stryner for poinitng out this quick solution for something I have overlooked.

The solution is to simply replace the .attr() with .prop(). This is an updated syntax that replaces the .attr. Unlike the 'attribute' providing just a string, the 'property' provides more infomation on its property type allowing the use of bools (which are needed for checkboxes).

.prop() vs .attr()

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Feb 7, 2016 at 12:50

Orbitall

67113 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

jQuery unchecking and reselecting checkbox programmatically

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related