Question

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

如果每次选中一个方框，怎么写这个来创建变量和+1或-1。不允许超过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">

$(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/

添加2个多选复选框

1 个答案: