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

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

这是完整的答案使用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
    });

正如@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();

这里有一种不使用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>

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

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

http://www.bootstraptoggle.com/