Question

我正在使用这个multiselect插件，其中包含以下2个下拉菜单：#Countries＆amp; #Cities。

当页面加载时，两个下拉列表都会填充数据并检查每个选项：

$('#Countries').multiselect('checkAll');
$('#Cities').multiselect('checkAll');

点击#Countries下拉列表中的'取消全部选中'后点击“全部检查”链接，我想：

要检查#Countries下拉列表中的所有复选框 - 默认情况下
要检查#Cities下拉列表中的所有复选框 - 这不起作用

我在JavaScript中试过这个：

$('#Countries').multiselect({
    checkall: function(event, ui){
        $('#Cities').multiselect('checkAll');
        $('#Cities').multiselect('refresh');
    }
});

我缺少什么？

Answer 1

试试这个，

JsFiddle

$("#City").multiselect();
$("#Country").multiselect({
        header: true,
    checkAll: function(){
       $("#City").multiselect("widget").find('.ui-multiselect-all').click()
   },
   uncheckAll: function(){
     $("#City").multiselect("widget").find('.ui-multiselect-none').click()
   },
    });

$("#Country").multiselect("widget").find('.ui-multiselect-all').click()
$("#City").multiselect("widget").find('.ui-multiselect-all').click()

jQuery MultiSelect问题有两个下拉列表

1 个答案: