check all checkboxes under table or gridview

 <table width="100%" border="0" cellpadding="3" cellspacing="0" class="block-borders">

                            <tr>

                                <td width="100%" colspan="2">

                                    <asp:DataList ID="dListRolesList" ItemStyle-Width="17%" RepeatColumns="3"

                                        RepeatDirection="Horizontal" runat="server" DataKeyField="Id" Width="95%">

                                        <ItemTemplate>

                                            <asp:HiddenField ID="idSelectedRole" Value='<%# Eval("Id") %>' runat="server" />

                                            <asp:checkbox ID="chkSelectedRole" Text='<%# Eval("Name") %>' runat="server" Checked='<%# IsSelected(Eval("Id")) %>' onClick="CheckUncheckAll(this.id)"  name="rowSelectCheckBox"  />

                                            

                                        </ItemTemplate>

                                    </asp:DataList>

                                </td>

                            </tr>  

 function CheckUncheckAll(id) {

            

            if ($("#" + id).attr('checked'))

            {

               

                var checkboxes = document.getElementsByName("rowSelectCheckBox");

                for (var i = 0, n = checkboxes.length; i < n; i++)

                {

                    

                    $("#" + checkboxes[i].children[0].id).attr("checked", false)

                    $("#" + id).attr('checked', true);

                }

            } else

            {

                

                var checkboxes = document.getElementsByName("rowSelectCheckBox");

                for (var i = 0, n = checkboxes.length; i < n; i++) {

                    $("#" + checkboxes[i].children[0].id).attr("checked", false)

                }

            }

        }