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;
});