选中同一行中的复选框时，选中 datagrid-row 中的所有复选框答案

【问题标题】：Check All checkbox in datagrid-row when a checkbox is checked within same row选中同一行中的复选框时，选中 datagrid-row 中的所有复选框
【发布时间】：2011-07-21 06:49:35
【问题描述】：

我正在为项目中所有模块的子管理员开发一个用于更改权限（添加/查看/删除/编辑/全部）的网页。比如说，有 5 个模块。我已经为每个模块在数据网格中加载了当前权限（在数据网格中有 5 行（模块），并且该模块在复选框中有 5 列权限）。我需要这样的功能，当我选中“全部”复选框时，对于那个（模块），应该选中添加、查看、编辑、删除的其他复选框，当我取消选中“全部”复选框时，应该取消选中其他复选框。任何适用于 javascript 或任何事件的解决方案。我尝试使用checkedchanged 事件，但它检查/取消选中整个数据网格的所有复选框，而不是该模块（行）。在checkedchanged事件中我写了这段代码..

foreach (DataGridItem dgitem in dg_rights.Items)
            {
                CheckBox chkall = (CheckBox)dgitem.FindControl("chk_all");
                CheckBox chkadd = (CheckBox)dgitem.FindControl("chk_add");
                CheckBox chkedit = (CheckBox)dgitem.FindControl("chk_edit");
                CheckBox chkview = (CheckBox)dgitem.FindControl("chk_view");
                CheckBox chkdelete = (CheckBox)dgitem.FindControl("chk_delete");
                if (chkall.Checked)
                {
                    chkadd.Checked = true;
                    chkedit.Checked = chkview.Checked = chkedit.Checked = chkdelete.Checked = true;
                }
                else
                {
                    chkadd.Checked = false;
                    chkedit.Checked = chkview.Checked = chkedit.Checked = chkdelete.Checked = false;
                }
            }

看起来我错过了一些基本的东西或犯了一个错误。任何的想法。谢谢阿尼什

【问题讨论】：

javascript 也被接受...

标签： c# javascript asp.net

【解决方案1】：

你可以使用这个 jQuery：

$('#<%= YourGrid.ClientID %> input[id$=_chkAll]').click(
    function () {
        var all_checked = $(this).attr('checked') == 'checked';
        $(this).parent().parent().find('input').each(
            function (i,o) {
                o.checked = all_checked;
            }
        )
    }
)

http://jsfiddle.net/4u6gw/

对于 ASP.NET 服务器端解决方案，您必须这样做：

将 chkall 复选框设置为自动回发
挂钩 ItemsGrid_Command(Object sender, DataGridCommandEventArgs e) 并使用 e 获取数据行，使用 .FindControl 获取其他复选框

【讨论】：

无法将 YourGrid 替换为 dg_rights 而不是 _chkAll，而是采用 _chk_all/chk_all（复选框的 ID）。可能是一些小问题。 chk_all 在 datagrid 的最后一列。

【解决方案2】：

我在 chk_all 复选框的“onclick”上使用“this”参数调用了函数 abcd，我最终得到了这个及其工作。这里 chk_ 是所有以 chk_n 开头的复选框的 id 都将被检查。

function abcd(checkbox) {
            var cba = $("#" + checkbox.id);
            if (cba.is(':checked')) {
                //alert("check all")
                var cb = $("#" + checkbox.id);
                var td = cb.parent("td");
                var tr = td.parent("tr");
                tr.children().children("input:checkbox[id*=chk_]").attr('checked', cb.attr('checked'));
            }
            else {
                //alert("unchecked");
                var cb = $("#" + checkbox.id);
                var td = cb.parent("td");
                var tr = td.parent("tr");
                tr.children().children("input:checkbox[id*=chk_]").removeAttr('checked');
            }
        }

谢谢。

【讨论】：