connectseekers.com

Saturday, 4 June 2016

Enable Or Disable All GridView Button On Check Of CheckBox Using jQuery

6/04/2016 - By Pranav Singh 0

This article will show you how you can enable or disable all gridview button on check of checkbox using jQuery. In this I have shown how you can enable disable all the buttons of gridview on click of checkbox present outside the gridview using jQuery.

So for this article first create an asp.net application and add the below code into your .aspx page.

<form id="form1" runat="server">
        <div>
            Enable Or Disable:
            <asp:CheckBox ID="CheckBox1" runat="server" />
        </div>
        <div>
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
                <Columns>
                    <asp:BoundField DataField="CountryName" HeaderText="Country Name" />
                    <asp:BoundField DataField="Population" HeaderText="Population" />
                    <asp:BoundField DataField="Code" HeaderText="Code" />
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:Button ID="Button1" runat="server" Text="Click Me"/>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </div>
    </form>

After adding the above code now we will prepare the jQuery code to perform the operation. In above code I have taken a checkbox and a gridview control. In which a button control is present.
Here is the code to bind the GridView:

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication7
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt = new DataTable();
            dt = GetCountryData();
            GridView1.DataSource = dt;
            GridView1.DataBind();
        }
        private DataTable GetCountryData()
        {
            DataTable dt = new DataTable();
            dt.Clear();
            dt.Columns.Add("CountryName");
            dt.Columns.Add("Population");
            dt.Columns.Add("Code");

            DataRow dataRow1 = dt.NewRow();
            dataRow1["CountryName"] = "India";
            dataRow1["Population"] = "125 Cr";
            dataRow1["Code"] = "IN";
            dt.Rows.Add(dataRow1);

            DataRow dataRow2 = dt.NewRow();
            dataRow2["CountryName"] = "Pakistan";
            dataRow2["Population"] = "50 Cr";
            dataRow2["Code"] = "PK";
            dt.Rows.Add(dataRow2);

            DataRow dataRow3 = dt.NewRow();
            dataRow3["CountryName"] = "United States";
            dataRow3["Population"] = "25 Cr";
            dataRow3["Code"] = "US";
            dt.Rows.Add(dataRow3);

            return dt;
        }
    }   
}

Now here is the jQuery code to enable disable the button of gridview.

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script>
        $(document).ready(function () {
            $("#<%=CheckBox1.ClientID %>").click(function () {
                var status = $("#<%=CheckBox1.ClientID %>").prop("checked");
                if(status==true)
                {
                    $('input[type="submit"]').prop('disabled', true);
                } else {
                    $('input[type="submit"]').prop('disabled', false);
                }
            });
        });
    </script>

In  above code I have assign the click event to checkbox and after that I validated weather it is checked or not if it is checked on that case enable disable take place. Here if checkbox is checked all buttons will be in disable mode and on other case it will be in enable. Now we have done run the application to check the output.

About the Author

We are the group of people who are expertise in different Microsoft technology like Asp.Net,MVC,C#.Net,VB.Net,Windows Application,WPF,jQuery,Javascript,HTML. This blog is designed to share the knowledge.

Get Updates

Subscribe to our e-mail newsletter to receive updates.

Share This Post

0 comments:

Please let me know your view

Free Ebooks


About Us

We are the group of people who are expertise in different Microsoft technology like Asp.Net,MVC,C#.Net,VB.Net,Windows Application,WPF,jQuery,Javascript,HTML. This blog is designed to share the knowledge.

Contact Us

For writing article in this website please send request by your

GMAIL ID: dotnetpools@gmail.com
Email Id : contact@aspdotnet-pools.com

Bugs and Suggestions

As we all know that this website is for sharing knowledge and providing proper solution. So while reading the article is you find any bug or if you have any suggestion please mail us at contact@aspdotnet-pools.com.

Partners


Top jQuery Plugins

Global Classified : Connectseekers.com
© 2014
back to top