添加2个多选复选框

我正在使用2个jQuery UI小部件来添加选项，并且只允许用户在两​​个下拉小部件之间选择5个总复选框。 我可以阻止用户在击中5但是无法取消选中时检查更多的框。

如何在每次选中框时创建一个变量和+1或-1。 不允许超过5个

我正在使用的UI小部件： http ： //www.erichynds.com/blog/jquery-ui-multiselect-widget

  $(document).ready(function() { $(".multiselect").multiselect({ header: "Choose up to 5 areas total", click: function (event, ui) { if (!this.checked && $(".multiselect").children(":checked").length >= 5) { return false; } }, selectedList:5 }); }); 

Answer 1

你的代码几乎可以正常工作，但在你的click函数中， this会返回整个选择列表，所以!this.checked将永远是真的，因为它是未定义的。

如果你使用ui变量，这是被点击的选项，它会给你正确的结果。

 click: function (event, ui) { if (ui.checked && $(".multiselect").children(":checked").length >= 5) { return false; } }, 

这是一个在jsfiddle中工作的例子： http ： //jsfiddle.net/3u7Xj/3/