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

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

这是完整的答案使用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的方法

函数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>

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

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

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


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

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