你可以的

$('.myCheckbox').attr('checked',true) //Standards compliant

or

$("form #mycheckbox").attr('checked', true)

如果在onclick事件中有要激发的复选框的自定义代码，请改用此代码：

$("#mycheckbox").click();

可以通过完全删除该属性来取消选中：

$('.myCheckbox').removeAttr('checked')

您可以这样选中所有复选框：

$(".myCheckbox").each(function(){
    $("#mycheckbox").click()
});

现代jQuery

使用.prop（）：

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

如果您只使用一个元素，则始终可以访问基础HTMLInputElement并修改其.checked属性：

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

使用.prop（）和.attr（）方法代替此方法的好处是，它们将对所有匹配的元素进行操作。

jQuery 1.5.x及以下版本

.prop（）方法不可用，因此需要使用.attr（）。

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

注意，这是jQuery在1.6版之前的单元测试所使用的方法，比使用$（'.myCheckbox'）.removeAttr（'checked'）更可取；因为如果最初选中了该框，则后者会改变对.reset（）的调用在任何包含它的表单上的行为，这是一种微妙但可能不受欢迎的行为改变。

有关更多上下文，在1.6版发行说明和.prop（）文档的Attributes vs.Properties（属性与财产）部分中，可以找到一些关于从1.5.x到1.6的转换中对选中属性/属性的处理所做更改的不完整讨论。

Use:

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

如果要检查是否选中复选框：

$('.myCheckbox').is(':checked');

$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

最后一个将激发复选框的单击事件，其他的则不会。因此，如果您在onclick事件中为要激发的复选框设置了自定义代码，请使用最后一个。

您还可以使用新方法扩展$.fn对象：

(function($)  {
   $.fn.extend({
      check : function()  {
         return this.filter(":radio, :checkbox").attr("checked", true);
      },
      uncheck : function()  {
         return this.filter(":radio, :checkbox").removeAttr("checked");
      }
   });
}(jQuery));

然后你可以这样做：

$(":checkbox").check();
$(":checkbox").uncheck();

或者，如果您使用其他使用这些名称的库，您可能希望为它们提供更多的唯一名称，如mycheck（）和myuncheck（）。

这将选择具有指定属性且值包含给定子字符串“ckbItem”的元素：

$('input[name *= ckbItem]').prop('checked', true);

它将选择名称属性中包含ckbItem的所有元素。

要选中复选框，应使用

 $('.myCheckbox').attr('checked',true);

or

 $('.myCheckbox').attr('checked','checked');

要取消选中复选框，应始终将其设置为false：

 $('.myCheckbox').attr('checked',false);

如果你这样做

  $('.myCheckbox').removeAttr('checked')

它将删除所有属性，因此您将无法重置表单。

BAD DEMO jQuery 1.6。我想这是坏的。对于1.6，我将发布一个新的帖子。

新的工作演示jQuery1.5.2在Chrome中运行。

两个演示都使用

$('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});

这是用jQuery检查和取消检查复选框的正确方法，因为它是跨平台标准的，并且允许表单转发。

$('.myCheckBox').each(function(){ this.checked = true; });

$('.myCheckBox').each(function(){ this.checked = false; });

通过这样做，您将使用JavaScript标准来检查和取消选中复选框，因此任何正确实现checkbox元素的“checked”属性的浏览器都将完美地运行此代码。这应该是所有主要的浏览器，但我无法在Internet Explorer 9之前进行测试。

问题（jQuery 1.6）：

一旦用户单击复选框，该复选框将停止响应“选中”的属性更改。

下面是一个复选框属性在有人单击复选框后无法完成任务的示例（这在Chrome中发生）。

不停摆弄

解决方案：

通过在DOM元素上使用JavaScript的“checked”属性，我们能够直接解决问题，而不是试图操纵DOM来完成我们希望它做的事情。

不停摆弄

该插件将更改jQuery选择的任何元素的checked属性，并在所有情况下成功选中和取消选中复选框。因此，虽然这看起来像是一个负担过重的解决方案，但它将使您的网站的用户体验更好，并有助于防止用户受挫。

(function( $ ) {
    $.fn.checked = function(value) {
        if(value === true || value === false) {
            // Set the value of the checkbox
            $(this).each(function(){ this.checked = value; });
        } 
        else if(value === undefined || value === 'toggle') {
            // Toggle the checkbox
            $(this).each(function(){ this.checked = !this.checked; });
        }

        return this;
    };
})( jQuery );

或者，如果您不想使用插件，可以使用以下代码片段：

// Check
$(':checkbox').prop('checked', true);

// Un-check
$(':checkbox').prop('checked', false);

// Toggle
$(':checkbox').prop('checked', function (i, value) {
    return !value;
});

我们可以使用elementObject和jQuery来检查属性：

$(objectElement).attr('checked');

我们可以在所有jQuery版本中使用它，而不会出现任何错误。

更新：Jquery 1.6+具有替换attr的新prop方法，例如：

$(objectElement).prop('checked');

下面是用按钮选中和取消选中的代码：

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
        });
        set=unset;
    });
});

更新：这里是使用更新的Jquery 1.6+prop方法的相同代码块，它替换了attr：

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
        });
        set=unset;
    });
});

我无法通过以下方式实现：

$("#cb").prop('checked', 'true');
$("#cb").prop('checked', 'false');

true和false都会选中该复选框。对我有用的是：

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking

假设问题是。。。

如何选中按值设置的复选框？

请记住，在典型的复选框集中，所有输入标记都具有相同的名称，它们的不同之处在于属性值：集合中的每个输入都没有ID。

Xian的答案可以用更具体的选择器扩展，使用以下代码行：

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);

如果您正在使用PhoneGap进行应用程序开发，并且您想立即显示按钮上的值，请记住执行此操作

$('span.ui-[controlname]',$('[id]')).text("the value");

我发现，如果没有跨度，无论你做什么，界面都不会更新。

我错过了解决方案。我将始终使用：

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}

试试看：

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking

这里有一种不使用jQuery的方法

函数addOrAttachListener（el，type，listener，useCapture）{if（el.addEventListener）{el.addEventListener（类型，监听器，useCapture）；}否则如果（el.attachEvent）{el.attachEvent（“on”+类型，监听器）；}};addOrAttachListener（窗口，“加载”，函数（）{var cbElem=文档.getElementById（“cb”）；var rcbElem=文档.getElementById（“rcb”）；addOrAttachListener（cbElem，“单击”，函数（）{rcbElem.checked=cbElem.check；}，假）；}，假）；<label>单击我！<input id=“cb”type=“checkbox”/></label><label>反射：<input id=“rcb”type=“checkbox”/></label>

如果使用移动设备，并且您希望界面更新并将复选框显示为未选中，请使用以下方法：

$("#checkbox1").prop('checked', false).checkboxradio("refresh");

这是完整的答案使用jQuery

我测试了它，它100%工作：D

    // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
    $("#select_unit_button").on("click", function(e){

             var arr = [];

             $(':checkbox:checked').each(function(i){
                 arr[i] = $(this).val(); // u can get id or anything else
             });

              //console.log(arr); // u can test it using this in google chrome
    });

要使用jQuery 1.6或更高版本选中复选框，只需执行以下操作：

checkbox.prop('checked', true);

要取消选中，请使用：

checkbox.prop('checked', false);

下面是我喜欢使用jQuery切换复选框的内容：

checkbox.prop('checked', !checkbox.prop('checked'));

如果使用jQuery 1.5或更低版本：

checkbox.attr('checked', true);

要取消选中，请使用：

checkbox.attr('checked', false);

$(".myCheckBox").prop("checked","checked");

如jQuery文档所述，请注意Internet Explorer 9之前的Internet Explorer内存泄漏：

在版本9之前的Internet Explorer中，使用.prop（）设置DOM元素属性设置为除简单基元值以外的任何值如果属性为在移除DOM元素之前未移除（使用.removeProp（））从文档中删除。在没有内存的情况下安全地设置DOM对象的值泄漏，请使用.data（）。

在jQuery中，

if($("#checkboxId").is(':checked')){
    alert("Checked");
}

or

if($("#checkboxId").attr('checked')==true){
    alert("Checked");
}

在JavaScript中，

if (document.getElementById("checkboxID").checked){
    alert("Checked");
}

$('controlCheckBox').click(function(){
    var temp = $(this).prop('checked');
    $('controlledCheckBoxes').prop('checked', temp);
});

下面是如何选中多个复选框的代码和演示。。。

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;
    var arr = document.getElementsByTagName("input");

    if (chk) {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});

整体而言：

$("#checkAll").click(function(){
    $(".somecheckBoxes").prop('checked',$(this).prop('checked')?true:false);
});

纯JavaScript非常简单，开销也少得多：

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{
    elements[i].checked = true;
}

此处的示例

另一种可能的解决方案：

    var c = $("#checkboxid");
    if (c.is(":checked")) {
         $('#checkboxid').prop('checked', false);
    } else {
         $('#checkboxid').prop('checked', true);
    }

选中和取消选中

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

你可以试试这个：

$('input[name="activity[task_state]"]').val("specify the value you want to check ")

这可能是最短、最简单的解决方案：

$(".myCheckBox")[0].checked = true;

or

$(".myCheckBox")[0].checked = false;

更短的是：

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

这里还有一个jsFiddle。

如果您使用ASP.NET MVC，生成许多复选框，然后必须使用JavaScript选择/取消选择所有选项，您可以执行以下操作。

HTML

@foreach (var item in Model)
{
    @Html.CheckBox(string.Format("ProductId_{0}", @item.Id), @item.IsSelected)
}

JavaScript

function SelectAll() {       
        $('input[id^="ProductId_"]').each(function () {          
            $(this).prop('checked', true);
        });
    }

    function UnselectAll() {
        $('input[id^="ProductId_"]').each(function () {
            $(this).prop('checked', false);
        });
    }

当您选中以下复选框时：；

$('.className').attr('checked', 'checked')

这可能还不够。您还应调用以下函数：；

$('.className').prop('checked', 'true')

尤其是在删除复选框选中属性时。

对于jQuery 1.6+

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

对于jQuery 1.5.x及以下版本

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

为了检查，

$('.myCheckbox').removeAttr('checked');

正如@livefree75所说：

jQuery 1.5.x及以下版本

您还可以使用新方法扩展$.fn对象：

(function($)  {
   $.fn.extend({
      check : function()  {
         return this.filter(":radio, :checkbox").attr("checked", true);
      },
      uncheck : function()  {
         return this.filter(":radio, :checkbox").removeAttr("checked");
      }
   });
}(jQuery));

但是在jQuery的新版本中，我们必须使用如下内容：

jQuery 1.6+

    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").prop("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").prop("checked",false);
          }
       });
    }(jQuery));

然后你可以这样做：

    $(":checkbox").check();
    $(":checkbox").uncheck();

这可能会帮助某人。

HTML5

 <input id="check_box" type="checkbox" onclick="handleOnClick()">

JavaScript。

  function handleOnClick(){

      if($("#check_box").prop('checked'))
      {        
          console.log("current state: checked");
      }
      else
      {         
          console.log("current state: unchecked");
      }    
 }

如果您碰巧在使用Bootstrap（可能是无意中）。。。

$('#myCheckbox').bootstrapToggle('on')
$('#myCheckbox').bootstrapToggle('off')

http://www.bootstraptoggle.com/

if（$（'jquery_selector'）.is（“：checked”））{//某些代码}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script>

您可以使用JavaScript以不同的方式检查复选框检查条件。你可以在下面看到。

第一种方法-$（'.myCheckbox'）.prop（'checked'，true）；第二种方法-$（'.myCheckbox'）.attr（'checked'，true）；第三种方法（如果选中或未选中复选框，则用于检查条件）-$（'.myCheckbox'）.is（':checked'）

如果您使用的是.prop（'checked'，true|false），并且没有更改复选框，则需要像这样添加触发器（'click'）：

// Check
$('#checkboxF1').prop( "checked", true).trigger('click');


// Uncheck
$('#checkboxF1').prop( "checked", false).trigger('click');

2019年1月编辑

您可以使用：.prop（propertyName）-添加的版本：1.6

p｛margin:20px 0 0；｝b｛颜色：红色；｝标签｛颜色：红色；｝<!doctype html><html lang=“en”><head><meta charset=“utf-8”><script src=“https://code.jquery.com/jquery-1.10.2.js“></script></head><body><input id=“check1”type=“checkbox”checked=“checked”><label for=“check1”>检查此处</label><p></p><脚本>$（“input”）.change（函数）{var$input=$（this）；$（“p”）.html(“.attr（\”checked\“）：<b>”+$input.attr“（”checked“）+”</b><br>“+“.prop（\”checked\“）：<b>”+$input.prop（”checked“）+“</b><br>”+“.is（\”：checked \“）：<b>”+$input.is（“：checked”）+“</b>”）；}).change（）；</script></body></html>

论角度框架

示例1

在.html文件中

<input type="checkbox" (change)="toggleEditable($event)">

在.ts文件中

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

示例2

在.html文件中

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />

JavaScript解决方案也可以简单且开销更少：

document.querySelectorAll('.myCheckBox').forEach(x=> x.checked=1)

document.querySelectorAll（'.myCheckBox'）.forEach（x=>x.checked=1）checked A:<input-type=“checkbox”class=“myCheckBox”><br/>未选中：<input-type=“checkbox”><br/>checked B:<input-type=“checkbox”class=“myCheckBox”><br/>

你可以这样做，如果你有身份证来检查它

document.getElementById（'ElementId'）.checked=false

这个要取消选中

document.getElementById（'ElementId'）.checked=真

如果您考虑使用vanilla js而不是jquery，那么有一个解决方案：

//for one element: 
document.querySelector('.myCheckBox').checked = true /* or false */ //will select the first matched element
//for multiple elements:
for (const checkbox of document.querySelectorAll('.myCheckBox')) {
checkbox.checked = true //or false
}