jquery - 在更改功能上取消选择 jquery 多选插件中的所有选定选项

Question

我正在使用jquery multiselect plugin （你可以在this page查看demo）

我在这个插件中使用了两个多选下拉菜单

解释如下： 我在表单上有两个复选框，根据选中哪个复选框，可以看到不同的多选下拉菜单。

这里的问题是另一个下拉菜单中的选择被保留并传递给一个数组。

我需要什么： 每当一个多选下拉菜单可见时，我希望其他下拉菜单中的所有选定选项都被取消选择/取消选中。所以基本上取消选择所有更改功能。

我在下面的jquery中尝试了各种选择，但都不成功：

$('select[multiple]').multiselect("uncheckAll");
$('#basic option:selected').prop("selected", false);
$('li').removeAttr("selected");
$("#basic option:selected").prop("selected", false);
$("#basic").multiselect('refresh');
$("#basic option[value]").remove();
$('#basic option').removeAttr("selected"); 
$(':checked').removeAttr("selected");
$('#basic').find('li:not(.ms-hidden).selected').removeClass('selected');
$('#basic').find('li:not(.ms-hidden, .selected) 
input[type="checkbox"]:not(:disabled)').prop( 'checked', false );
$('#basic :selected').each(function(){ 
alert($("input[type=checkbox]").val()); 
});

也尝试遵循“jquery.multiselect.js”并更改 html 元素以制作正确的选择器，但没有运气。

如果有人可以帮助我，我将不胜感激。

ps。我尝试了所有类似主题的建议解决方案，但没有一个奏效。

Answer 1

试试

$(".checkbox").on("click",function() { 
  var chk1Checked = $("#checkbox1").is(":checked"),
      chk2Checked = $("#checkbox2").is(":checked");
  $('#select1').multiselect( 'disable', chk2Checked);
  $('#select1').parent().toggle(chk1Checked);  
  $('#select2').multiselect( 'disable', chk1Checked);  
  $('#select2').parent().toggle(chk2Checked);  
});