Jquery to check and uncheck the checkboxes on if statement

Question

Since I am new to Jquery, I want a code in JQUERY for following function:

if(checkbox.checked==true)
{
checkbox.checked=false;
}
else
checkbox.checked=true;

please help me with this.

`$(checkbox).prop("checked")`. Also you don't need to check if is true. You can sum it up to `checkbox.checked ? checbox.checked = false : checkbox.checked = true` — Alex Char, Nov 17 '14 at 08:29
if I used this code previously:$(checkbox).removeAttr("checked") Then, is it possible to use this? $(checkbox).prop("checked") — Manoj Kumar, Nov 17 '14 at 08:31
possible duplicate of [Toggle Checkboxes on/off](http://stackoverflow.com/questions/4177159/toggle-checkboxes-on-off) — TResponse, Nov 17 '14 at 08:32

score 1 · Accepted Answer · answered Nov 17 '14 at 08:31

1

var $checkbox = $(/*your selector*/);
$checkbox.prop("checked", !$checkbox.prop("checked" ) );

answered Nov 17 '14 at 08:31

Sebastian Osuna

367
2
7

Manwal · Answer 2 · 2014-11-17T08:37:59.577

0

You can use following code: (Using .attr() or .prop())

var checkbox = $('#targetId');
if(checkbox.prop('checked')==true)
checkbox.prop('checked','false');
else
checkbox.prop('checked','true');

OR

var checkbox = $('#targetId');
if(checkbox.attr('checked')=='checked')
checkbox.attr('checked','checked');
else
checkbox.removeAttr('checked');

edited Nov 17 '14 at 08:37

answered Nov 17 '14 at 08:31

Manwal

22,994
11
59
91

score 0 · Answer 3 · answered Nov 17 '14 at 08:31

0

$(document).ready(function() {
    $("#YourIdSelector,.YourClassSelector").click(function() {
        $(this).prop('checked',!$(this).is(':checked'));
    });                 
});

Hope it helps...

answered Nov 17 '14 at 08:31

Mayank

1,291
5
21
38

score 0 · Answer 4 · answered Nov 17 '14 at 08:34

See this snippet:

$("#btn").on("click", function() {
    $("input[type=checkbox]").each(function() {
        this.checked = !this.checked;
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" checked />
<input type="checkbox"  />
<input type="checkbox" checked />
<input type="checkbox"  />
<br /><br />
<input id="btn" type="button" value="Invert" />

Jquery to check and uncheck the checkboxes on if statement

4 Answers4