Loop through table rows and return column value if checkbox checked [duplicate]

Question

How can i only get the values in the serial column if the checkbox is checked for that row using jquery? I currently can get the serial value but not sure how to add the checkbox condition.

Html:

<table id="usersTable">
   <thead>
     <tr>
       <th>Name</th>
       <th>Serial</th>
       <th>Status</th>
       <th>Enabled</th>
    </tr>
  </thead>
  <tbody>
    <tr>
       <td>Name 1</td>
       <td>111111</td>
       <td>Online</td>
       <td><input type="checkbox"></td>
   </tr>
   <tr>
       <td>Name 2</td>
       <td>222222</td>
       <td>Offline</td>
       <td><input type="checkbox"></td>
   </tr>
   <tr>
       <td>Name 3</td>
       <td>333333</td>
       <td>Online</td>
       <td><input type="checkbox"></td>
   </tr>
  </tbody>
</table>

Jquery:

$('#usersTable > tbody  > tr').each(function (index, tr) {
      console.log($(this).find('td:nth-child(2)').text());

 });

console.log( $(this).find('input').is(':checked') ) // return true or false — Roy Bogado
– Roy Bogado, Commented Apr 30, 2020 at 5:47

creativetim · Accepted Answer · 2020-04-30 05:51:17Z

1

There are a million ways to do this, but hopefully this is useful/helpful.

The gist of the solution is to loop over each row, which you did, then only log the text of the second column when the checkbox for that same row has been checked.

$('#usersTable > tbody  > tr').each(function() {
  const currentRow = $(this);
  const lastColumn = currentRow.find('td:last-child')

  if (lastColumn.find('input').attr('checked')) {
    console.log(currentRow.find('td:nth-child(2)').text());
  }
});

answered Apr 30, 2020 at 5:51

creativetim

1,1382 gold badges13 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Loop through table rows and return column value if checkbox checked [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related