GridView Checkbox Select All RSS

• • Reply
  

  chrisbond

  Member

  258 Points

  51 Posts

  GridView Checkbox Select All

  Jun 29, 2005 01:39 PM|LINK

  I have a gridview, the first column is a checkbox.  I want to add to the header a checkbox that selects/deselects all checkbox items in the grid.  Is this possible with the gridview, if so can someone post some sample code?
• • Reply
  

  hopskipjump

  Member

  65 Points

  13 Posts

  Re: GridView Checkbox Select All

  Dec 23, 2005 04:58 PM|LINK

  Hey there, did you ever find a solution? I need to do the same thing.
• • Reply
  

  xvxOlegxvx

  Member

  4 Points

  2 Posts

  Re: GridView Checkbox Select All

  Feb 01, 2007 02:37 AM|LINK

  It could be done in JavaScript, but I am 2 lazy. So thats what I did.... [:D]

  protected void chkbSelectAll_CheckedChanged(object sender, EventArgs e)
      {
          bool chkFlag = false;
          if (chkbSelectAll.Checked) chkFlag = true;
          foreach (GridViewRow dr in gvProducts.Rows)
          {
              CheckBox chk = (CheckBox)dr.Cells[0].FindControl("Select");
              chk.Checked = chkFlag;
          }
      }

   

  ASP.net 2.0 GridView InsertParameters ControlParameter PropertyName

• • Reply
  

  CSharpSean

  Contributor

  5464 Points

  917 Posts

  Re: GridView Checkbox Select All

  Feb 01, 2007 02:46 AM|LINK

  reference: 
  

  Checking all CheckBoxes in a GridView from Header
  

  www.hopeasp.net
• • Reply
  

  sreejith77

  Participant

  925 Points

  254 Posts

  Re: GridView Checkbox Select All

  Feb 01, 2007 02:55 AM|LINK

  What type of functionality u r willing to implement.

  if planning for a serverside one. Its pretty easy.

  for client side one without postback u have to do with javascript

  Just do like this

  select: all | none

   

  all is clicked v will call SelectAll(true) otherwise SelectAll(false) is called

   

  function selectAll(on) {

    var allElts = document.forms['f'].elements;

    var i;

    for (i=0; i<allElts.length; i++) {

      var elt = allElts[i];

      if (elt.type == "checkbox") {

        elt.checked = on;

      }

    }

  }

   

  function getSelectedUserIds() {

    var allElts = document.forms['f'].elements;

    var i;

    var selectedList = new Array();

    for (i=0; i<allElts.length; i++) {

      var elt = allElts[i];

      if (elt.name == "friendCheckbox") {

        if (elt.checked) {

          selectedList[selectedList.length] = elt.id;

        }

      }

    }

    return selectedList;

  }

  or just check this link

  http://aspnet.4GuysFromRolla.com//articles/053106-1.aspx

  Sreejith
  http://tips4dotnet.blogspot.com/
  
• • Reply
  

  sreejith77

  Participant

  925 Points

  254 Posts

  Re: GridView Checkbox Select All

  Feb 01, 2007 02:55 AM|LINK

  What type of functionality u r willing to implement.

  if planning for a serverside one. Its pretty easy.

  for client side one without postback u have to do with javascript

  Just do like this

  select: all | none

   

  all is clicked v will call SelectAll(true) otherwise SelectAll(false) is called

   

  function selectAll(on) {

    var allElts = document.forms['f'].elements;

    var i;

    for (i=0; i<allElts.length; i++) {

      var elt = allElts[i];

      if (elt.type == "checkbox") {

        elt.checked = on;

      }

    }

  }

   

  function getSelectedUserIds() {

    var allElts = document.forms['f'].elements;

    var i;

    var selectedList = new Array();

    for (i=0; i<allElts.length; i++) {

      var elt = allElts[i];

      if (elt.name == "friendCheckbox") {

        if (elt.checked) {

          selectedList[selectedList.length] = elt.id;

        }

      }

    }

    return selectedList;

  }

  or just check this link

  http://aspnet.4GuysFromRolla.com//articles/053106-1.aspx

  Sreejith
  http://tips4dotnet.blogspot.com/
  
• • Reply
  

  sreejith77

  Participant

  925 Points

  254 Posts

  Re: GridView Checkbox Select All

  Feb 01, 2007 02:55 AM|LINK

  What type of functionality u r willing to implement.

  if planning for a serverside one. Its pretty easy.

  for client side one without postback u have to do with javascript

  Just do like this

  select: all | none

   

  all is clicked v will call SelectAll(true) otherwise SelectAll(false) is called

   

  function selectAll(on) {

    var allElts = document.forms['f'].elements;

    var i;

    for (i=0; i<allElts.length; i++) {

      var elt = allElts[i];

      if (elt.type == "checkbox") {

        elt.checked = on;

      }

    }

  }

   

  function getSelectedUserIds() {

    var allElts = document.forms['f'].elements;

    var i;

    var selectedList = new Array();

    for (i=0; i<allElts.length; i++) {

      var elt = allElts[i];

      if (elt.name == "friendCheckbox") {

        if (elt.checked) {

          selectedList[selectedList.length] = elt.id;

        }

      }

    }

    return selectedList;

  }

  or just check this link

  http://aspnet.4GuysFromRolla.com//articles/053106-1.aspx

  Sreejith
  http://tips4dotnet.blogspot.com/
  
• • Reply
  

  xvxOlegxvx

  Member

  4 Points

  2 Posts

  Re: GridView Checkbox Select All

  Feb 01, 2007 03:00 AM|LINK

  server site and AJAX will do it
• • Reply
  

  mrutyunjaypa...

  Member

  18 Points

  9 Posts

  Re: GridView Checkbox Select All

  Dec 09, 2008 11:17 AM|LINK

  Please use this code

  Javascript code is better,but it is not fine in case of multiple grid on aspx page.

  So this code is much better in server side. 

   

  protected void chkheader_CheckedChanged(object sender, EventArgs e)
      {
          CheckBox chk = (CheckBox)gv.HeaderRow.FindControl("chkheader");
          if (chk.Checked)
          {
              for (int i = 0; i < gv.Rows.Count; i++)
              {
                  CheckBox chkrow = (CheckBox)gv.Rows[i].FindControl("chkbox");
                  chkrow.Checked = true;
              }
  
          }
          else
          {
              for (int i = 0; i < gvRemmitance.Rows.Count; i++)
              {
                  CheckBox chkrow = (CheckBox)gv.Rows[i].FindControl("chkbox");
                  chkrow.Checked = false;
              }
          }
  
          
      }

   

   

  Thanks and Regards

  Mrutyunjay Palai
  

• • Reply
  

  geek111222

  Member

  32 Points

  7 Posts

  Re: GridView Checkbox Select All

  Dec 22, 2008 07:06 AM|LINK

  I used jQuery to write only 10 line javascript code to do this. This script is completely independent of code behind:

  http://ashishware.com/CheckBoxJs.shtml

  Regards,
  Ashish
  http://ashishware.com