JQuy multiselect Action

How to add checkall and uncheck all option for jquery multiselect?

by Good Muyis

HTML

<div>
<select id="selectChartType" multiple="multiple" size="5" style="width:250px" >
      <option value="option1">option1</option>
      <option value="option2">option2</option>
      <option value="option3">option3</option>
      <option value="option4">option4</option>
      <option value="option5">option5</option>
      <option value="option6">option6</option>
      <option value="option7">option7</option>
      <option value="option8">option8</option>
      <option value="option9">option9</option>
      <option value="option10">option10</option>
</select>
</div>
<a id="checkAll">Mark all</a> || <a id="unCheckAll">Un-mark all</a>
<hr>

JavaScript

$(document).ready(function(){
  $("#checkAll").click(function(){
      $('#selectChartType option').prop('selected', true);
  });
      $("#unCheckAll").click(function(){
      $('#selectChartType option').prop('selected', false);
  });
});