javascript - 结合/"beautify"这两个函数使用 1 个类

Question

如何组合下面的 2 个函数以仅使用 1 个类？在我使用它们的过程中会非常方便。我想结合每个下拉菜单允许 3 个选择的功能，但将 .multiselect1 和 .multiselect2 结合到 .multiselect

这是我正在使用的这些下拉小部件的 fiddle :http://jsfiddle.net/3u7Xj/124/

 $(document).ready(function () {
            $(".multiselect1").multiselect({
                header: "Choose up to 5 areas total",
                click: function (event, ui) {   
                    var number1 = $("#MDCselect").children(":checked").length;
                    if (ui.checked && (number1 >= 3)) {
                        return false;
                    }
                },
                selectedList: 5
            });
        });
        $(document).ready(function () {
            $(".multiselect2").multiselect({
                header: "Choose up to 5 areas total",
                click: function (event, ui) {
                  var number2 = $("#Clinicalselect").children(":checked").length;
                    if (ui.checked && (number2 >= 3)) {
                        return false;
                    }
                },
                selectedList: 5
            });
        });

Answer 1

您可以按如下方式更改它 ( jsFiddle ):

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

需要对 html 稍作修改:将两个多选类设置为 multiselect。

然而，有一个问题。上面说最多可以选择5个区域，但是限制设置为3个，这只是举个简洁的例子的症状吗？