码迷,mamicode.com
首页 > 其他好文 > 详细

checkbox:全选与反全选

时间:2016-04-23 16:46:35      阅读:201      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!