Sélectionner Tout Select Multiple
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:
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 !!
