如何为jquerymultiselect添加checkall和uncheckall选项？

我已经为下拉列表添加了jquerymultiselect属性。下拉菜单是这样的

<div>
<select id="selectChartType" multiple="multiple" size="5" style="width:25px" >
      <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>

$(document).ready(function() {
     $("#selectChartType").multiselect({
     header:false,
     noneSelectedText:"options",
     minWidth: 190
      });
});

我想在下拉列表中有两个选项，分别是checkall和uncheckall。我知道有一个选择

$("#selectChartType").multiselect({CheckAll});

---

但我不知道如何在html中添加它。请帮助我

您应该在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">

选择1
选择2
选择3
选择4
选择5
选择6
选择7
选择8
选择9
选择10

你可以在这里看到

---

我猜您正在使用一些multi-select插件，然后您可能想查看他们的文档，或者让我们知道您正在使用哪个插件来帮助您完成更多操作。

更有趣：

<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);

     });
});

全选
选择1
选择2
选择3
选择4
$（文档）.ready（函数（）{
var-clicker=0；
$（“#选择图表类型选项[value='all']”）。单击（函数（e）{
clicker++；
$（this.prop（'selected'，false）；
如果（单击器%2！=0）{
$（“#selectChartType选项[value！='all']”）。prop（'selected'，true）；
}
其他的
$（“#selectChartType选项[value！=“all']”）prop（'selected'，false）；
});
});

您可以通过

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

}))**

问候

---

Krishna Kumar S

使用Jquery通过复选框选中和取消选中多选输入

//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
$（文档）.ready（函数（）{
$（'#勾选_取消勾选'）。单击（函数（）{
var chk=$（'check#u uncheck'）。是（'：checked'）；
如果（chk==false）
$（'selectChartType选项'）.prop（'selected'，false）；
其他的
$（'selectChartType选项'）.prop（'selected'，true）；
});
});

用复选框选中和取消选中多选输入

选择1
选择2
选择3
选择4
备选案文5
请设置我的答案对您有帮助吗？