Find all Check checkboxes in a asp.net GridView using Jquery

Question

I need to loop over all the rows in a GridView and find all the checkboxes in the row. The GridVew has about 16 pages.

currently I'm using this script:

        function SelectAllCheckboxes(value) {
            $('#' + '<%=dgForms.ClientID%> tr' ).each(function () {
            $(this).find("td input[id*='chkCommon']:checkbox").prop('checked', value);
        });

This loops over only the current page rows. That is, if I'm on page 5, only the check boxes on that page will be selected.

How do I get all the rows from all 16 pages? I think I need to get it from the DOM but not sure how.

from DOM it is not possible as when you click next of gridview paging then it binds data to grid means then it generates html but you can do via coding store all you value in a table then using Lambda query you can do this. — Sharique Hussain Ansari
– Sharique Hussain Ansari, Commented May 13, 2016 at 12:04
To do this from the DOM you'd have to render all the rows to the browser, which means disabling paging and rebinding. What is it you are actually trying to accomplish? XY Problem — fnostro
– fnostro, Commented May 13, 2016 at 16:38

Anibal Díaz · Accepted Answer · 2016-05-13 12:09:48Z

2

The Gridview is a ASP.Net control. When you click over pagination, the gridview launch a postback for get data. Jquery is a framework for javascript. Javascript is a language that work on client browser. If you want select all checkbox controls, these controls must exist in the browser.

In short, the problem is not the jquery code but the technique used.

answered May 13, 2016 at 12:09

Anibal Díaz

1117 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Clint B · Accepted Answer · 2016-05-13 12:05:45Z

1

Only the current page is in the DOM. Pagination works by using AJAX (partial page updates) to download one page at a time to the browser. You will need to programmatically step through the pages.

answered May 13, 2016 at 12:05

Clint B

4,7102 gold badges20 silver badges22 bronze badges

1 Comment

fnostro Over a year ago

Clint: GridViews do not implement AJAX for paging.

TheBeginner · Accepted Answer · 2016-05-13 12:14:08Z

0

What you can do here is recreate the data source. Filter out all the ones that are not selected(which should be easy). Next bind the new grid containing only checked rows and display the same.

Not a very charming solution but should serve your need.

answered May 13, 2016 at 12:14

TheBeginner

664 bronze badges

Collectives™ on Stack Overflow

Find all Check checkboxes in a asp.net GridView using Jquery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related