Discussion :

[ThorinOak]

Hello all

Je débute en jQuery, auquel j'ai dû me mettre pour arrêter de passer des heures et des heures sur mon js.

Le problème que j'ai en ce moment est le suivant.
En simplifié, j'ai un formulaire de la forme () :

Code html :

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

1
2
3
4
5
6
7
<form>
   <input type="checkbox"/>
   <input type="checkbox"/>
   <input type="checkbox"/>
   <input type="checkbox"/>
   <input type="checkbox"/>
</form>

Ce qui me donne donc une série de checkbox. Parmi celles-cis, certaines seront cochées, d'autres non.

Je voudrais recenser toutes les checkbox cochées, afin d'opérer un traitement dessus.

J'ai commencé par :

Code :

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

1
2
3
4
var allInputs = $( ":input);
allInputs.each(function () {
   if
});

et c'est justement quoi mettre dans le "if" qui me bloque !

Là j'ai déjà sélectionné tous les inputs, maintenant je voudrais sélectionner ceux qui sont cochées (en utilisant la fonction .checked), mais ... comment l'écrire ?


J'espère avoir été assez clair, merci de votre aide !

[Bovino]

j'ai un formulaire de la forme

je voudrais sélectionner ceux qui sont cochées (en utilisant la fonction .checked)

Moi je te conseille plutôt d'utiliser les sélecteur

Code :

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

$(':checked')

[ThorinOak]

Ah oui effectivement ça doit marcher bien mieux comme cela, autant les sélectionner directement !
Je teste ça quand j'ai le temps et je reviens donner des nouvelles

EDIT :

Première étape de passée grâce à Bovino, merci à toi !

Code :

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

$(":checked").css("display","none");

Toutes mes checkbox cochées disparaissent bien.

Maintenant, voilà la véritable structure de mon formulaire :

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
<form>
   <table>
      <tr>
         <td>Ligne 1</td>
         <td>
            <input type="checkbox" name="checkbox_1"/>
         </td>
      </tr>
      <tr>
         <td>Ligne 2</td>
         <td>
            <input type="checkbox" name="checkbox_2"/>
         </td>
      </tr>
      <tr>
         <td>Ligne 3</td>
         <td>
            <input type="checkbox" name="checkbox_3"/>
         </td>
      </tr>
   </table>
</form>

Avec le jquery cité plus haut, seules les checkbox cochées disparaissent.

Or, il faudrait que ce soit les lignes entières, les "tr" entiers qui contiennent les checkbox cochées, qui disparaissent.

Est-il possible d'agir sur les "tr" parents ?

[ThorinOak]

Sorry pour le double.

J'ai trouvé la solution au final, il suffisait de rajouter :

Code :

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

$(":checked").parents('tr').css("display","none");

et ça chopait le parent "tr" et tout va pour le mieux dans le meilleur des mondes

Encore merci à Bovino !