在jQuery中，

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

or

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

在JavaScript中，

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

要选中复选框，应使用

 $('.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;
});

这可能会帮助某人。

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");
      }    
 }

要使用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);

如果您使用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);
        });
    }