@████████- I think this might achieve what you are desiring.

This assumes that your two fields have CSS Class Names of resultField and remarksField.

$(document).ready(function () {
    
  //When form loads, check every one of the fields with the resultField class.
  //If the value of the field is TRUE, locate the closest field with the remarksField class,
  //and populate it with the words "Not Required" and make it readonly.
  $('.resultField input').each(function() { 
    if ($(this).val() == 'TRUE') { 
      $(this).closest('tr').find('.remarksField input').val('Not Required');
      $(this).closest('tr').find('.remarksField input').attr('readonly', 'true');
    }
  });
  
  //When any resultClass field is changed.
  //If the value of the field is TRUE, locate the closest field with the remarksField class,
  //and populate it with the words "Not Required" and make it readonly.
  //Otherwise, clear the remarksField and make it editable.
  $('.resultField input').change(function() { 
    if ($(this).val() == 'TRUE') { 
      $(this).closest('tr').find('.remarksField input').val('Not Required');
      $(this).closest('tr').find('.remarksField input').attr('readonly', 'true');
    }
    else { 
      $(this).closest('tr').find('.remarksField input').val('');
      $(this).closest('tr').find('.remarksField input').removeAttr('readonly');
    }
  });
    
});