JQuery checkbox manipulation not working after initial click

Question

I have a table of checkboxes. At the top is an Administrator box, then below a bunch of other permissions. If the Admin box is checked all other boxes should be checked, and if another box is unchecked then the Admin box should uncheck. I have it working on the initial click but if you click the Admin box it checks all others, then uncheck an other option it unchecks the Admin. Check the Admin a second time and nothing happens.

http://jsfiddle.net/HCpQg/1/

$("#administrator").click(function(){
if ($(this).is(':checked')) {
    $('.permissions').attr('checked',true);
}
});

$(".permissions").click(function(){
if ($(this).is(':checked')) {
} else {
$('#administrator').attr('checked',false);
}
});

Joe · Accepted Answer · 2013-02-25 16:36:55Z

2

Use .prop() as opposed to .attr().

http://api.jquery.com/prop/

answered Feb 25, 2013 at 16:36

Joe

6,4163 gold badges30 silver badges32 bronze badges

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

Comments

idn · Accepted Answer · 2013-09-05 03:29:31Z

0

Just my 2 cents: if you use uniform styling:

$(function () {
    $(":checkbox").uniform();
});

then you will need to call

$.uniform.update();

after you dynamically check/uncheck checkbox. I've just spent 6 hours trying until I dug up this bit...

answered Sep 5, 2013 at 3:29

idn

1

Collectives™ on Stack Overflow

JQuery checkbox manipulation not working after initial click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related