您应该为jQuery使用类似的东西

• • jQuery**

$(document).ready(function(){

    $("#checkAll").click(function(){

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

        $('#selectChartType option').prop('selected', false);

     });
});

并在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>
<input type="button" id="checkAll" value="check all">
<input type="button" id="unCheckAll" value="Un-check all">

你可以在这里看到Demo。
我猜你正在使用一些多选择插件，那么你可能想检查他们的文档或让我们知道你正在使用哪个插件来帮助你更多。

更有趣：

<div>
<select id="selectChartType" multiple="multiple" size="5">
      <option value="all">Select All</option>
      <option value="option1">option1</option>
      <option value="option2">option2</option>
      <option value="option3">option3</option>
      <option value="option4">option4</option>

</select>
</div>
$(document).ready(function(){

    var clicker=0;
    $("#selectChartType option[value='all']").click(function(e){
        clicker++;
        $(this).prop('selected', false);
        if(clicker%2!=0){

        $("#selectChartType option[value!='all']").prop('selected', true);
        }
       else
        $("#selectChartType option[value!='all']").prop('selected', false);

     });
});

FIDDLE DEMO

可以通过以下方式进行初始化

**$(document).ready(function() {
 $("#selectChartType").multiselect({
 header:true, /* Contains CHeck all and Uncheck all */
 noneSelectedText:"options",
 minWidth: 190
  });

}）;**
尊敬的Krishna Kumar S

//Uncheck all Options
        var selected = $("#sectorId option:selected");
        var totaloptions = $("#selectChartType option");
        if (selected.length == totaloptions.length) {

            $('.ms-selectall').trigger('click');
        }
        else {
            $('.ms-selectall').trigger('click');
            $('.ms-selectall').trigger('click');
        }

使用Jquery通过Checkbox选中和取消选中多选输入。
我的解决方案：

// jquery 
$( document ).ready(function() { 
    
  $('#check_uncheck').click(function() {      
        var chk = $('#check_uncheck').is(':checked'); 
        if (chk==false)
            $('#selectChartType option').prop('selected', false);
        else
            $('#selectChartType option').prop('selected', true);
   });
    
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="banner-message">
  <p>Check and Uncheck a Multiselect input with a Checkbox</p>
  <input type="checkbox" name="check_uncheck" id="check_uncheck">
  <div class="none">
    <select  id="selectChartType" name="selectChartType" multiple>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
      <option value="4">Option 4</option>
      <option value="5">Option 5</option>         
    <select/>
 </div>  
</div>

$('#multiple-checkboxes').multiselect({
  includeSelectAllOption: true,
});

使用此代码为jQuery多选添加checkall和uncheckall选项