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
– Alex Char, Commented Nov 17, 2014 at 8:29
if I used this code previously:$(checkbox).removeAttr("checked") Then, is it possible to use this? $(checkbox).prop("checked") — Manoj Kumar
– Manoj Kumar, Commented Nov 17, 2014 at 8:31

Sebastian Osuna · Accepted Answer · 2014-11-17 08:31:28Z

1

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

answered Nov 17, 2014 at 8:31

Sebastian Osuna

4273 silver badges7 bronze badges

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

Comments

Mayank · Accepted Answer · 2014-11-17 08:31:54Z

0

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

Hope it helps...

answered Nov 17, 2014 at 8:31

Mayank

1,3925 gold badges25 silver badges45 bronze badges

Comments

Abhitalks · Accepted Answer · 2014-11-17 08:34:33Z

0

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" />

answered Nov 17, 2014 at 8:34

Abhitalks

28.5k6 gold badges61 silver badges82 bronze badges

Comments

Manwal · Accepted Answer · 2014-11-17 08:37:59Z

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, 2014 at 8:37

answered Nov 17, 2014 at 8:31

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Collectives™ on Stack Overflow

Jquery to check and uncheck the checkboxes on if statement

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related