如何使用jQuery获取表中每一行的复选框状态？

Question

I am trying to get the state of a checkbox in each row within a table, I'm succesfully retrieving one of the values of the columns from the table, but when it comes to the column that holds the checkboxes elements, I cannot get the state.

Here is the code I am using to iterate through the table for those rows selected:

$.each($("input[name='query']:checked"), function () {
    var data = $(this).parents('tr:eq(0)');

    var Name = $(data).find('td:eq(1)').text();
    var Value = $(data).find('td:eq(2)'); //This is the checkbox column

    console.log('Name: ' + Name + ' - Value: ' + Value );
});

And here is one sceenshot of the table itself:

The catch here is, if the users selects a row (ticks the checkbox in the first column) and then tries to save the changes, I need to get the value in the Name column and then the state of the checkbox in the Value column.

Finally, here is what the console is printing using the code mentioned above:

Answer 1

Change

var Value = $(data).find('td:eq(2)');

to

var Value = $(data).find('td:eq(2) input').prop("checked");

or

var Value = $(data).find('td:eq(2) input').is( ":checked" )

Answer 2

You have to find checkbox in column and check for checked property

Change

var Value = $(data).find('td:eq(2)');

to

var Value = $(data).find('td:eq(2)').find("input[type='checkbox']").prop("checked");

or

var Value = $(data).find('td:eq(2) input').prop("checked");