<table>
  <tr>
    <td>
      <input type="checkbox" value="1">
    </td>
    <td>
      山田太郎
    </td>
    <td>
      男性
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" value="2">
    </td>
    <td>
      佐藤学
    </td>
    <td>
      男性
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" value="3">
    </td>
    <td>
      鈴木花子
    </td>
    <td>
      女性
    </td>
  </tr>
</table>
table {
  border-collapse: collapse;
}
td {
  padding: 5px;
  border: 1px solid #dddddd;
}
$(function() {
  $('input[type="checkbox"]').click(function() {
    if ($(this).prop('checked')) {
      $(this).parents('tr').css('background', '#eeeeee');
    } else {
      $(this).parents('tr').css('background', 'none');
    }
  });
});
Rerun