JQuery实现ckeckbox全选和反选

从网上找了几种方法：
1.页面需要两个按钮分别用于“选中”和“取消”功能。

$(function() { 
    $("#checkall").click(function() { 
        $("input[@name='checkname[]']").each(function() { |
            $(this).attr("checked", true); 
        });
    });
    $("#delcheckall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", false);
        });
    });
});

2.使用一个checkbox用于表现全选和全部取消：

$("#checkall").click(function(){
    if(this.checked){
        $("input[name='checkname']").each(function(){this.checked=true;});
    }else{
        $("input[name='checkname']").each(function(){this.checked=false;});
    }
});

自己根据第二种方法改进了一些：

$(document).ready(function(){
    $("#chkAll").click(function(){
        $("input[name='checkname']").each(function() {
            this.checked = $("#chkAll").attr("checked");
        });
    });
});

评论

1 楼 shgen 2009-07-08  

不用each也可以实现
$("#discover-all2").click(function(){
var $checkboxes = $(this).parents("ul").find(":checkbox");
if(this.checked){
$(this).next().text("un-check all");
$checkboxes.attr("checked","true");
}
else{
$(this).next().text("check all");
$checkboxes.attr("checked","");
}
})；