Monday, 3 September 2012

checked unchecked all checkboxs in gridview through jquery

jQuery Function : 

 function toggleChecked() {
            $("table#"tableManageProjects"").find(":checkbox").each(function () {
                $(this).attr("checked", true);
            })
        }
        function toggleUnChecked() {
            $("table#"tableManageProjects"").find(":checkbox").each(function () {
                $(this).attr("checked", false);
            })
        }       

HTML & Call Funcation : 

         <a href="#" onclick="javascript:toggleChecked();return false;">All</a>
         <a href="#" onclick="javascript:toggleUnChecked();return false;">None</a>

 <asp:GridView ID="RptProjectList" runat="server" >  
    <ItemTemplate>
        <table id="tableManageProjects">
            <tr>
                <td>
                    <asp:CheckBox ID="chkFavourate" runat="server" />
                </td>
                <td>
                    <asp:Label ID="lblCompany" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "Company")%>'></asp:Label>
                 </td>
             </tr>
        </table>   
    </ItemTemplate>
</asp:GridView>

No comments:

Post a Comment