Show Number of Selected Checkbox in GridView Footer Row using JQuery in ASP.Net

Hi,

Please refer below code,I have used lblFooterTotal as id you can change as per your requirement

JavaScript

$("[id*=chkHeader]").live("click", function () {
           var chkHeader = $(this);
           var grid = $(this).closest("table");
           $("input[type=checkbox]", grid).each(function () {
               if (chkHeader.is(":checked")) {
                   $(this).attr("checked", "checked");
                   $("td", $(this).closest("tr")).addClass("selected");
               } else {
                   $(this).removeAttr("checked");
                   $("td", $(this).closest("tr")).removeClass("selected");
               }
           });
        $('[id*=lblFooterTotal]').html( $('[id*=chkRow]:checked').length);
       });
       $("[id*=chkRow]").live("click", function () {
           var grid = $(this).closest("table");
           var chkHeader = $("[id*=chkHeader]", grid);
           if (!$(this).is(":checked")) {
               $("td", $(this).closest("tr")).removeClass("selected");
               chkHeader.removeAttr("checked");
           } else {
               $("td", $(this).closest("tr")).addClass("selected");
               if ($("[id*=chkRow]", grid).length == $("[id*=chkRow]:checked", grid).length) {
                   chkHeader.attr("checked", "checked");
               }
           }
          $('[id*=lblFooterTotal]').html( $('[id*=chkRow]:checked').length);
       });