How to make auto check all checkbox if I select the selected values in dropdown?

See more:

Javascript

PHP

jQuery

HTML5

$ListHolidayType = array();
$ListHolidayType[''] = 'None';
$ListHolidayType['Public Holiday'] = 'Public Holiday';
$ListHolidayType['State Holiday'] = 'State Holiday';

$ListOffice = array();
//$ListOffice[0]= 'All Branch';
$mySQL = 'SELECT A.* FROM office A WHERE A.status = 1 AND (A.office_group = 1 OR A.office_group = 2) ORDER BY A.seq';
$result = mysql_query($mySQL); 
if ($result){
	if (mysql_num_rows($result) > 0){ 
		while ($row = mysql_fetch_assoc($result)){
			$ListOffice[$row['id']]=$row['description'];
		}
	}
}

<div class="row">
<div class="col-md-12" >		
	<div class="form-group">
		<label class="col-md-2 control-label bold text-right">Holiday Type: <span style="color:#ff0000"> *</span></label>
		<div class="col-md-10">
			<select class="form-control select2" name="holiday_type" id="default-select" >
			<option value="0">-Please Select-</option>
				<?php
					foreach ($ListHolidayType as $key => $value){
																	$data['holiday_type'] == $key ? $xSelect = ' selected="selected"' : $xSelect = '';
			echo '<option value="'.$key.'"'.$xSelect.'>'.$value.'</option>';
			}
		?>
		</select>
	</div>
	</div>
</div>						
</div>		

<div class="row">
	<div class="col-md-12">
		<div class="form-group">
			<label class="col-md-2 control-label bold text-right">Branch: *</label>
			<div class="col-md-10">
				<?php
					
                    $i == 1 ;
					foreach ($ListOffice as $key => $value){
						$i == 1 ? $xStyle = 'padding-top: 7px;' : $xStyle = '';
						in_array($key, $data['company_branch_id']) ? $xSelect = ' checked="checked"' : $xSelect = '';
						echo '<table><tr><td class="" style="'.$xStyle.'">
						<input type="checkbox" value="'.$key.'" name="company_branch_id[]" '.$xSelect.' />'.$value.'
						</td></tr></table>';
						$i++;
					}
				?>
			</div>
		</div>
	</div>
</div>

$("#holiday_type").on("change",function(){
	$("input").prop("checked",false);
		$("td").each(function(i,v){
		
			//if($(this).text().trim() ==  $("#holiday_type").val('')){
			if ($("#holiday_type").text('Public Holiday')){
				$(this).find("input").prop("checked",true);
			}
		});

	});

What I have tried:

I want to create make auto select all check box when I choose 'Public Holiday' in dropdown. How to create this function? List office contains of 'All Branch, KL, Perak, Kedah'.