SelectAll checkboxes in gridview with paging with javascript

You can also make sure that check boxes on the page that will be rendered via the page change event (after js execution) renders checked check boxes instead of doing it on the check change event.

MSWeb Developer - you wont achieve this by plain JS. You will need round-trip to server for implementing this. As a proof, just check your view source on first page of the grid and count number of checkboxes. it should be number of grid rows + 1 for that in the header. It wont be total number of records across all pages.

The grid control control, does not render all the check-boxes (on all pages) at once. So you will never be able to find check-boxes on other pages. You will need to perform a round-trip to server, find all check boxes using FindControl method inside Row Data bound event, check them and then return the results. Now you can make user feel like this has been done via client script, using AJAX. Simplest way to do this is surround your grid view with an UpdatePanel. Note that you will need ScriptManager on the page/master page placed before the update panel to work. Other way round can be to implement the AJAX using JQuery, which will consume more time than the earlier solution.

The code should work. You will need to figure out the proper JQuery selector for the check boxes.

You can use click event of the "Select All" check box to iterate through all check boxes available and then select/deselect them as per the value of the master check box. Refer http://www.sanwebe.com/2014/01/how-to-select-all-deselect-checkboxes-jquery for complete details