Jquery检查并取消选中if语句的复选框

Question

由于我是Jquery的新手，我想在JQUERY中使用以下函数的代码：

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

请帮助我。

Answer 1

您可以使用以下代码:(使用.attr()或.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');

• Single Checkbox demo
• Multiple Checkbox Demo

Answer 2

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

Answer 3

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

希望它有所帮助...

Answer 4

请参阅此代码段：

$("#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" />