首页 > 其他 > 详细

checkbox:全选与反全选

时间:2016-04-23 16:44:22      阅读:196      评论:0      收藏:0      [点我收藏+]
$(document).ready(function () {

    //全选checkbox
    $("#selectAll").click(function () {
        var checked = $(this).prop("checked");
        $(":checkbox").prop("checked", checked);
    });

    $("tbody :checkbox").click(function () {
        var isAllSelected = $("#selectAll").prop("checked");
        var selected = $(this).prop("checked");
        if (!selected ) {
            $("#selectAll").prop("checked", false);
        } else {
            isAllSelected = true;
            $("tbody :checkbox").each(function () {
                if (!$(this).prop("checked")) {
                    isAllSelected = false;
                    return false;
                }
            });
            $("#selectAll").prop("checked", isAllSelected);
        }
    });

});

 

checkbox:全选与反全选

原文:http://www.cnblogs.com/peak-c/p/5424808.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!