jquery 全选问题 <table> <tr><td><input type="checkbox" name="all" id="all" value="全选"/>全选</td>

jquery 全选问题 <table> <tr><td><input type="checkbox" name="all" id="all" value="全选"/>全选</td>
当全选时候就全选,再点一次就全不选,当下面的子选择框有一个没选就去掉全选按钮的勾中状态,当下面子选择框都被选中了,就自动勾上全选框

$(function() {
    var all_checked = false;
    $(":checkbox").click(function() {
        var table = 扰态$(this).parents("table");
        if($(this).attr("id") === "all") {
            table.find(":checkbox").prop("checked", !all_checked);
            all_checked = !all_checked;
        }
        else {
            table.find(":checkbox[id!=all]").each(function (i) {
         返李档       if(!$(this).is(":checked")) {
                    table.find("#all").prop("checked", false);
                    all_checked = false;
                    return false;
                }
                $("#all").prop("checked", true);
                all_checked = true;
            });
   漏乱     }
    });
});

 


 全选
 1
 2
 3
 4

← 上一篇: 下一篇: →