how to loop through gridview using jquery and check if any checkbox is checked

Question

I am developing jquery based application. I have one asp.net gridview with checkboxes in every row. I want to check if any of the checkboxes checked or not. I am looping through gridview rows and checking any checkbox is checked or not as below.

var ResultArrayFirst = [];
        $('#<%= gdvRegretletter.ClientID %> input[type="hidden"]').each(function () {
            if ($(this).closest('tr').find('input[type="checkbox"]').prop('checked', true))
            {
                ResultArrayFirst.push($(this).val());
            }

        });
        alert(ResultArrayFirst);

My above code does not works. As soon as above code is executed, all checkboxes will check. I am not sure what i Am missing here. Any help would be appreciated. Thank you.

kapantzak · Accepted Answer · 2017-02-02 07:19:14Z

3

To check if a checkbox is checked, use this:

if (checkbox.is(':checked')) {
   // Do your stuff
}

So, change your code like this:

if ($(this).closest('tr').find('input[type="checkbox"]').is(':checked'))
{
   ResultArrayFirst.push($(this).val());
}

answered Feb 2, 2017 at 7:19

kapantzak

11.8k5 gold badges42 silver badges63 bronze badges

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

Comments

Hemal · Accepted Answer · 2017-02-02 07:26:20Z

2

You can use :checked selector of jquery

 $('#<%= gdvRegretletter.ClientID %> input[type="hidden"]').each(function () {
     if ($(this).closest('tr').find('input[type="checkbox"]').is(":checked"))
     {
         ResultArrayFirst.push($(this).val());
     }

  });

answered Feb 2, 2017 at 7:26

Hemal

3,7722 gold badges27 silver badges57 bronze badges

Comments

Curiousdev · Accepted Answer · 2017-02-02 07:34:40Z

1

Just give a class to checkbox as example chk and than use .map() instead of each loop it will get items in an array please find below single line of code to achieve

var selected =  $(".chk:checked").map(function(i,el){return el.value;}).get();

As well as if you wants to just check if any check boxes is checked or not you can do as below it will return a bool value

$(".chk").is(":checked")

answered Feb 2, 2017 at 7:34

Curiousdev

5,7983 gold badges26 silver badges39 bronze badges

Collectives™ on Stack Overflow

how to loop through gridview using jquery and check if any checkbox is checked

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related