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

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

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

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

此处的示例

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

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

or

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

更短的是：

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

这里还有一个jsFiddle。

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

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

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

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

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

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

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

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

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