uncheck associate checkbox

by SriSri M

HTML

<table id="source-table">
  <tbody>
    <tr>
      <td><input type="checkbox" class="check" value="32"></td>
      <td><label for="fname" class="fname">Jhon</label></td>
      <td><label for="lname" class="lname">Doe</label></td>
      <td><label for="age" class="age">32</label></td>
    </tr>
    <tr>
      <td><input type="checkbox" class="check" value="27"></td>
      <td><label for="fname" class="fname">Jack</label></td>
      <td><label for="lname" class="lname">Doe</label></td>
      <td><label for="age" class="age">27</label></td>
    </tr>
  </tbody>
</table>
<table id="resulting-table">
  <tr>
    <td><input type="text" class="appended-val"> <span class="remove">x</span></td>
  </tr>
</table>

JavaScript

$('.check').on('change', function(){
	age = $(this).parents('tr').find('.age').text();
  //console.log(age);
  $(this).parents().find('#resulting-table input').val(
  	$(this).filter(':checked').map(function(item) {
            return age;
        }).get()
  );
});

$('.remove').on('click', function(){
	var val = $(this).prev('input').val("");
  var check_age = $(this).parents('#resulting-table').prev('table').find('.age').text();
});