在 GridView(asp.net) 中选择特定列中的所有复选框

Question

我有一个网格视图，其中包含 2 个带有复选框的列。 我有一个标题列，其中一个名为 Approve all 的复选框和另一个名为 Reject all 的复选框。 当我单击其中一个复选框时，该网格视图中存在的所有子复选框都会被选中，但我只想选中特定列的复选框。请帮忙：

<script type="text/javascript" language="javascript">
    function checkAll(objRef) {
    var GridView = objRef.parentNode.parentNode.parentNode;
    var inputList = GridView.getElementsByTagName("input");

    for (var i = 0; i < inputList.length; i++) {
        var row = inputList[i].parentNode.parentNode;

            if (inputList[i].type == "checkbox" && objRef != inputList[i]) {
                if (objRef.checked) {
                    row.style.backgroundColor = "#c3d9ff";
                    inputList[i].checked = true;
                }
                else {
                    if (row.rowIndex % 2 == 0) {
                        row.style.backgroundColor = "#c3d9ff";
                    }
                    else {
                        row.style.backgroundColor = "white";
                    }

                    inputList[i].checked = false;
                }
            }
        }
    }
</script>

<asp:GridView ID="gvDetails" runat="server" AlternatingRowStyle-CssClass="myGridAlternatingItemStyle" Width="98%" Height="500px" AllowPaging="false" ShowFooter="false" AutoGenerateColumns="False" >
    <FooterStyle CssClass="myGridTextItem" />
    <RowStyle CssClass="myGridTextItem"/>
    <SelectedRowStyle CssClass="myGridSelectedItemStyle"/>
    <%-- <HeaderStyle CssClass="myGridHeader" />--%>
    <AlternatingRowStyle CssClass="myGridAlternatingItemStyle" />
    <HeaderStyle CssClass="GVFixedHeader" />
    <Columns>
        <!-- I have few Data columns here -->
        <asp:TemplateField>
            <HeaderTemplate>
                <asp:CheckBox ID="checkAll" Text="Approve All" TextAlign="Left" runat="server" onclick="checkAll(this);" />
            </HeaderTemplate>
            <HeaderStyle CssClass="myGridHeader" ForeColor="White" HorizontalAlign="Center" Width="90px" />
            <ItemStyle HorizontalAlign="Center" />
            <ItemTemplate>
                <asp:CheckBox ID="CheckApprove" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <HeaderTemplate>
                <asp:CheckBox ID="RejAll" Text="Reject All " TextAlign="Left"  runat="server" onclick="checkAll(this);" />
            </HeaderTemplate>
            <HeaderStyle CssClass="myGridHeader" ForeColor="White" HorizontalAlign="Center" Width="80px" />
            <ItemStyle HorizontalAlign="Center" />
            <ItemTemplate>
                <asp:CheckBox ID="CheckReject" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>                   
</asp:GridView>

Answer 1

使用 jquery 来解决这类问题，可能会减少你的时间

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
    function checkAll(data) {
        $('[id$=checkAll]').click(function() {
            $("[id$='CheckApprove']").attr('checked', true);
        });     
        $('[id$=RejAll]').click(function() {
            $("[id$='CheckReject']").attr('checked', false);
        });
    }
</script>