JQuery Script not checking check-boxes correctly

Question

I have two functions that I have made that check and uncheck all check boxes with a specific class. the first time I run the functions they do as expected but after I try to run the function again the check boxes do not check, but the html code changes.

JQuery...

function checkall() {
   $('.column').attr('checked','checked');
   $('#ALL').attr('onclick', 'uncheckall()')
   document.getElementById('ALL').value = "UnCheck All";
}

after running this I get <input type="checkbox" value="SEQN" class="column" onchange="updatearray()" checked="checked">

function uncheckall() {
   $('.column').removeAttr('checked');
   $('#ALL').attr('onclick', 'checkall()')
   document.getElementById('ALL').value = "Check All";
}

after running this I get <input type="checkbox" value="SEQN" class="column" onchange="updatearray()">

Why do the check-boxes only change once?

$('#ALL').attr('onclick', 'checkall()') isn't the proper way to add an event listener, if you're using jQuery then use it and don't do document.getElementById('ALL').value = "UnCheck All";, and .attr('checked','checked') should be .prop('checked',true) — j08691
– j08691, Commented Mar 23, 2016 at 18:22

light_ray · Accepted Answer · 2016-03-23 18:23:41Z

4

Try prop() instead attr().If issue still persist iterate individual checkbox

answered Mar 23, 2016 at 18:23

light_ray

6442 gold badges14 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

JQuery Script not checking check-boxes correctly

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