javascript - 如何使用 PATRICK SPRINGSTUBBE jQuery 多选插件进行单选

Question

我正在使用 Patrick Springstubbe 多选插件，它工作正常。但现在我想用它来进行单选。我知道我需要将选择设置为多个才能使插件工作。但是有没有办法将选项的数量限制为 1。

我试过了

$("#ProductCategory").change(function(){

  $(".ms-options").css("visibility","hidden");
  
  }

当您选择一个选项时，这会产生预期的效果，但您可以重新打开列表。我尝试在 $("#ProductCategory").click 上使用函数，但这没有用。

Answer 1

正如 Kavindra 所建议的，最好寻找一个已经完成您需要的工作的插件。

如果您仍想使用该插件并进行单选，您可以试试这个:

$('#mySelect').next().find('input[id^="ms-opt"]').click(function(){ 
   $('.ms-options input[id^="ms-opt"]:checked').not(this).click(); 
})

这是 fiddle : https://jsfiddle.net/1jfwp81d/3/

我添加了两个选择，一个是单选，另一个是多选。

请注意，这是一个 hack，可能不适用于较新版本的插件。