Question

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

这是我尝试过的，这里是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;
});

使用jquery选择所有切换

1 个答案: