javascript - 使用 jquery 选择所有切换

Question

我正在使用引导样式的多选下拉菜单，但无法使全选切换正常工作。当我选择所有内容时，我希望选择“全选”选项以及其他所有内容。

这是我尝试过的，这是一个jfiddle。我的自定义代码在底部。

var firstli = $('.dropdown-menu.inner li').first();

firstli.click(function(event) {   
   if (!firstli.hasClass('selected'))
   {    

        $('.selectpicker').selectpicker('selectAll');       
   }

    else {
         $('.selectpicker').selectpicker('deselectAll');
    }
});

Answer 1

您必须在函数中添加一个return false;，否则启动该函数的单击将取消选择“全选”后selectAll：

var firstli = $('.dropdown-menu.inner li').first();

firstli.click(function (event) {
    if (!firstli.hasClass('selected')) {
        $('.selectpicker').selectpicker('selectAll');
    } else {
        $('.selectpicker').selectpicker('deselectAll');
    }
    return false;
});