Bonjour a tous,
j'ai créé un menu pour me permettre de faire une recherche en fonction des checkbox qui sont checked. Une seule checkbox est autoriser a etre cocher. Pour cela j'utilise un script qui me permet dans cocher une seule. Mon probleme est que je lorsque que l'on clique sur un label celui ci doit changer de couleur mais celui ci ne revient pas a ca couleur initiale lorsque que je clicque sur une autre checkbox.
Voici mon script jquery:
Voici mon css:Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 <script type="text/javascript"> $(document).ready(function(){ $(".menusong").click(function(){ $(this).toggleClass("whiteselection"); }); $('input:checkbox[name=BPM\\[\\]]').change(function(){ alert("test"); var $checkstyle = $('input.checkstyle'); $checkstyle.change(function() { $checkstyle.removeAttr('checked'); $(this).attr('checked', true); }); }); }); </script>
Voici mon form:Code:
1
2 .whiteselection { color:#FFFFFF;}
Sur l'image suivante on peut voir que les labels sont en blanc alors que juste une checkbox est cochée.Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <label for="1" class="menusong">V Slow (0-80)</label> <input name="BPM[]" type="checkbox" id="1" value="vslow" class="checkstyle" /> <label for="2" class="menusong">Slow (80-100)</label> <input name="BPM[]" type="checkbox" id="2" value="slow" class="checkstyle" /> <label for="3" class="menusong">Medium (100-120)</label> <input name="BPM[]" type="checkbox" id="3" value="medium" class="checkstyle" /> <label for="4" class="menusong">Fast (120-140)</label> <input name="BPM[]" type="checkbox" id="4" value="fast" class="checkstyle" /> <label for="5" class="menusong">V Fast (140 +)</label> <input name="BPM[]" type="checkbox" id="5" value="vfast" class="checkstyle" />
http://www.madebyanalogue.co.uk/share/screen3.png
