我正在使用这个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级别做同样的事情。我正在寻找以下案例的解决方案:
当用户点击第一个多选的optgroup标签(比如说optgroup1)来检查\取消选中此optgroup的选项时,我需要隐藏第二个(另一个)多选的相应optgroup(optgroup1)的选项
用户可以通过逐个手动点击每个选项取消选中optgroup1下的所有选项,然后我需要隐藏第二个多选的optgroup1的所有选项。
由于