JS - 添加2个多选复选框

Question

我正在使用2个jQuery UI小部件来添加选项，并且只允许用户在两​​个下拉小部件之间选择5个总复选框。我可以阻止用户在击中5但是无法取消选中时检查更多的盒子。以下代码没有任何限制。任何帮助将不胜感激。

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

<select id="dropdown1" multiple="multiple" class="multiselect">
<select id="dropdown2" multiple="multiple" class="multiselect">

JS

$(document).ready(function() {
    $(".multiselect").multiselect({
        header: "Choose up to 5 areas total",
        click: function (event, ui) {
            if (!this.checked) return true;

            if ($(".multiselect").children(":checked").length >= 5) {
                return false;
            }
        },
        selectedList:5
    });
});

删除return true IF允许用户仅选择5，这也会阻止用户取消选中。

Answer 1

尝试

$(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
    });
});

这样，只有当用户点击未选中的复选框时，才会满足return false的条件。如果用户单击复选框，则允许取消选中它。