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:
Apres de nombreuses tentatives je n'arrive qu'a le faire fonctionner dans un bouton .
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>
Quelqu'un aurait il un lien, une piste, une explication .....?
Merci de votre aide !!
Partager