How to group multiple data value into 1 checkbox?

See more:

Javascript

HTML

PHP

I have 3 datatype to combine in 1 checkbox. Table 1 contains of supervisor1 and supervisor2. Table 2 contains of supervisor. I have 2 checkbox which are "Supervisor" and "Non Supervisor"? How to group data from table 1 and table 2 which is "supervisor1", "supervisor2" and "supervisor" into 1 checkbox which is `Supervisor`?

What I have tried:

<div class="form-group">
	<label class="col-md-3 control-label sbold text-right">Search as</label>
		<div class="col-md-3">	
				<?php
					$data['supervisor1_id'] == $value ? $xSelect = ' checked="checked"' : $xSelect = '';
					foreach ($ListType as $value){
					echo'
					<div class="noborder" style="padding: 2px 8px 8px 8px;">
					<div class="mt-checkbox-list">
						<label class="mt-checkbox mt-checkbox-outline">
							<input type="checkbox" value="'.$value.'" '.$xSelect.'> '.$value.'
								<span></span>
						</label>
					</div>
				</div>';
			}
			?>
			</div>
		</div>