Bonjour,

Je travaille sur une application angularJs avec materialize comme framework css

J'ai sur une de mes views un select-multiple et je souhaiterais rajouter une option permettant de sélectionner toutes les options suivantes et désélectionner tout si re-clic.

View:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 <select class="col s2 mySelectServices" id="mySelectServices" name="mySelectServices" multiple="multiple"
                    ng-model="filter_selection_services"
                    ng-options="filter as (filter.name ) for filter in filterService" ng-change="changedFilter()">
                <option value="" disabled selected>Filtre par Services</option>
            </select>
.....
<script type="text/javascript">
    $(document).ready(function () {
        $('select').material_select();
    });
    $(function () {
        var check_all = $('#toggle_all_services');
        check_all.on('click', function () {
            var div = $(this).parents('.row').find('.mySelectServices');
            var ul = div.find('ul');
            var li = ul.find('li:not(".disabled")');
            $(li).each(function () {
                if (!$(this).hasClass("active")) {
                    $(this).trigger('click');
                    $(this).addClass("active");
                    $(this).addClass("selected");
                }
 
                $(this).removeClass("active");
                $(this).removeClass("selected");
 
            });
        });
        $('select').material_select();
    });
    $(function () {
        var check_all = $('#toggle_all_status');
        check_all.on('click', function () {
            var div = $(this).parents('.row').find('.mySelectStatus');
            var ul = div.find('ul');
            var li = ul.find('li:not(".disabled")');
            $(li).each(function () {
                if (!$(this).hasClass("active")) {
                    $(this).trigger('click');
                    $(this).addClass("active");
                    $(this).addClass("selected");
                }
 
                $(this).removeClass("active");
                $(this).removeClass("selected");
 
            });
        });
        $('select').material_select();
    });
</script>
Apres de nombreuses tentatives je n'arrive qu'a le faire fonctionner dans un bouton .

Quelqu'un aurait il un lien, une piste, une explication .....?
Merci de votre aide !!