uncheck associate checkbox

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();
  $this = $(this).parents('#resulting-table').prev('table').find('.age').text() == val;
  //console.log(val);
  //console.log($this);
  if( $this == false){
  	$(this).prev('input').val("");
    $(this).parents().find('#source-table input').val(
  	$(this).filter(':checked').map(function(item) {
           return age;
        }).get()
  );
  }
  else{
  console.log('Errr');
  }
});