Checking/un-checking a checkbox with jQuery

Question

I am trying to toggle a checkbox between checked and un-checked using the following code, but it seems to only un-check.

var checkbox = $this.find('[name="category"]');

if ('checkbox:checked') {
    checkbox.prop("checked", false);
} else {
    checkbox.prop("checked", true);
}

How can I make it toggle correctly?

Is there a better way to do this instead of doing if/else statements? .toggle() doesn't seem to work for checkboxes correct?

Pranay Rana · Accepted Answer · 2012-08-13 19:33:09Z

2

Try Toggle function like

$('[name="category"]').toggle(
 function() { 
    $(this).find(':checkbox').prop('checked', true); },
 function() { 
    $(this).find(':checkbox').prop('checked', false);
 });

or

just try like this

   var checkbox = $this.find('[name="category"]'); 
   $checkbox.attr('checked', !$checkbox.attr('checked'));

or for jquery 1.6

    $checkbox.prop('checked', !$checkbox[0].checked);

answered Aug 13, 2012 at 19:33

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

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

Comments

Mark Coleman · Accepted Answer · 2012-08-13 19:36:10Z

2

Since it appears to be only one element, just use checkbox.checked

var checkbox = $this.find('[name="category"]').get(0);

checkbox.checked = !checkbox.checked;

answered Aug 13, 2012 at 19:36

Mark Coleman

40.9k9 gold badges84 silver badges101 bronze badges

1 Comment

Motive Over a year ago

It's actually a table full of posts, so there are a lot of elements.

Igor Dymov · Accepted Answer · 2012-08-13 19:32:43Z

0

Try

 if (checkbox.is(':checked')) { ... }

or

checkbox.prop('checked', checkbox.is(':checked'));

answered Aug 13, 2012 at 19:32

Igor Dymov

16.5k5 gold badges52 silver badges56 bronze badges

Comments

Blazemonger · Accepted Answer · 2012-08-13 19:32:51Z

0

Try

if (checkbox.is(':checked')) {

or, a bit more complicated:

if ($this.find('[name="category"]:checked').length) {

http://api.jquery.com/checked-selector/

http://api.jquery.com/is/

answered Aug 13, 2012 at 19:32

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

Comments

Hazem Salama · Accepted Answer · 2012-08-13 19:34:34Z

0

You need to revisit your IF statement. You are basically checking for a string 'checked:checked'

answered Aug 13, 2012 at 19:34

Hazem Salama

15.2k5 gold badges29 silver badges31 bronze badges

Comments

epascarello · Accepted Answer · 2012-08-13 19:35:25Z

0

var checkbox = $this.find('[name="category"]');
checkbox.prop("checked", !checkbox.is(":checked") );

answered Aug 13, 2012 at 19:35

epascarello

208k20 gold badges206 silver badges246 bronze badges

Comments

Oscar Jara · Accepted Answer · 2012-08-13 19:35:31Z

0

Try this:

checkbox.prop('checked', checkbox.is(':checked'));

answered Aug 13, 2012 at 19:35

Oscar Jara

14.1k10 gold badges64 silver badges94 bronze badges

Collectives™ on Stack Overflow

Checking/un-checking a checkbox with jQuery

7 Answers 7

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Related