Discussion :

[pierrot10]

Bonjour,

J'ai toujours ce problpme qui me frustre

J'ai (j'en ai plusieurs)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<label class="ui-btn ui-checkbox-on" for="te">°C 2</label>
<input type="checkbox" data-type="2" name="te" id="te" checked="checked">

J'arrive très bien parcourir mes input, mais dans certain, je dois retirer les class ui-btn et ui-checkbox-on et remplacer par ui-checkbox-off.

Ceci va me retirer le checked de mon inout

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this).data("type",$(this).data('type')).prop("checked", false);

Mais j'aimerais qu'il me retire aussi les classes ui-btn et ui-checkbox-on du label qui se trouve juste au dessus

Sachant que $this point sur mon input, comment puis-je sélectionner le label qui n'est ni enfant ni parent, mais aussi dessus
J'ai essayé ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
$(this).prev('.ui-btn').css("border","1px solid red !important");
$(this).parent('.ui-btn').css("border","1px solid red !important");

je pense que le find() ne sert à rien car il va trouver tous les suivants.

Donc à part du input, comment puis sélectionner uniquement le prochain label avec une class spécifique?

Merci

[pierrot10]

Code HTML :

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
 
<div class="ui-controlgroup-controls ">
                        <div class="ui-checkbox ui-mini"><label for="ra" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off ui-first-child">W/m2 8</label><input type="checkbox" data-type="8" name="ra" id="ra" checked="checked"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="te" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">°C 2</label><input type="checkbox" data-type="2" name="te" id="te" checked="checked"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="vi" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">kmh 6</label><input type="checkbox" data-type="6" name="vi" id="vi"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="di" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-on ui-btn-active">Direction 7</label><input type="checkbox" data-type="7" name="di" id="di"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="pr" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">kPa 3</label><input type="checkbox" data-type="3" name="pr" id="pr"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="hu" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">% 4</label><input type="checkbox" data-type="4" name="hu" id="hu"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="ba" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-on ui-btn-active ui-last-child">V 5</label><input type="checkbox" data-type="5" name="ba" id="ba"></div>
 
                    </div>

J'ai rlsolu mon problpme de la sorte

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this).closest('.ui-checkbox').find('label').removeClass('ui-btn-active').removeClass('ui-checkbox-on').addClass('ui-checkbox-off');

[NoSmoking]

Bonjour,

J'ai rlsolu mon problpme de la sorte

• pourquoi écrire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).closest('.ui-checkbox').find('label')

quand

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).prev("label")

suffit ?

• pourquoi écrire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$elem.removeClass('ui-btn-active').removeClass('ui-checkbox-on')

quand

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$elem.removeClass("ui-btn-active ui-checkbox-on")

suffit ?

• Documentation jQuery :

• jQuery.prev()
• jQuery.removeClass()

[pierrot10]

Merci NoSmoking, je vais corriger ceci