根据第一个多选项显示/隐藏第二个多选的jQuery optgroups

时间:2014-11-10 05:35:50

标签: javascript jquery-ui jquery-plugins jquery-multiselect

我正在使用这个jquery插件http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

我有2个多选。每个multlectlect有两个optgroups。第二个多选的optgroup取决于第一个多选的optgroup。例如,如果 multiselect1 optgroup1 的所有选项都未选中,那么我需要隐藏 optgroup1 (包括 multiselect2 的所有optgroup1)选项。

当用户使用以下代码分别单击“取消全部选中”和“全部检查”时,我只知道隐藏并显示第二个多选的所有选项。

             $("#ddlFirst").multiselect({
                height: "200px",
                noneSelectedText: "None",
                 checkAll:function() {
                     var second = $("#ddlSecond").multiselect();

                    // Show all the options of second multiselect
                    second.multiselect('widget')
                    .find(':checkbox')
                    .each(function() {
                         $(this).show();
                    });

                    second.multiselect('widget')
                    .find('li')
                    .each(function() {
                        $(this).show();
                    });
                    },
                    uncheckAll: function() {
                        var second = $("#ddlSecond").multiselect();
                        // Hide the all options of second multiselect
                        second.multiselect('widget')
                        .find(':checkbox')
                        .each(function() {
                           $(this).hide();
                        });
                        second.multiselect('widget')
                            .find('li')
                            .each(function() {
                                $(this).hide();
                            });



                    },
                click:function(event, ui){
                    //
                },
                optgrouptoggle: function() {
                    //
                }
            });

现在,我正试图在optgroup级别做同样的事情。我正在寻找以下案例的解决方案:

  1. 当用户点击第一个多选的optgroup标签(比如说optgroup1)来检查\取消选中此optgroup的选项时,我需要隐藏第二个(另一个)多选的相应optgroup(optgroup1)的选项

  2. 用户可以通过逐个手动点击每个选项取消选中optgroup1下的所有选项,然后我需要隐藏第二个多选的optgroup1的所有选项。

  3. 由于

0 个答案:

没有答案