jquery 实现gridview checkbox 全选功能

最新推荐文章于 2024-10-15 09:57:04 发布

weixin_30920853

最新推荐文章于 2024-10-15 09:57:04 发布

阅读量93

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/boyswithpure/archive/2012/05/29/2523641.html

版权

$(document).ready(function () {
    $("#gv tr:first th:first").find('[type="checkbox"]').click(function () { //gridView命名为gv
        if ($(this).attr("checked")) {
            $("#gv").find('[type="checkbox"]').not('[checked="true"]').attr("checked", "true");
        }
        else {
            $("#gv").find('[type="checkbox"]').removeAttr("checked");
        }
    })

    $("#gv tr").not(':first').find('[type="checkbox"]').click(function () {
        var checkCount = $("#gv tr").not(':first').find('[type="checkbox"][checked="true"]').size();
        if (checkCount == $("#gv tr").not(':first').find('[type="checkbox"]').size()) {
            $("#gv tr:first th:first").find('[type="checkbox"]').attr("checked", "true");
        }
        else {
            $("#gv tr:first th:first").find('[type="checkbox"]').removeAttr("checked");
        }
    })
})

转载于:https://www.cnblogs.com/boyswithpure/archive/2012/05/29/2523641.html