Discussion :

[pookiie]

Bonjour,

Comment puis-je récupéré le les élément checked dans cet exemple sachant que je veux utilisé l'id de la div pour cela ?

Code html :

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

1
2
3
4
5
<div id="check">
<input type="checkbox" > <label for="1">1</label><br />";
<input type="checkbox"> <label for="2">2</label><br />";
<input type="checkbox" > <label for="3">3</label><br />";
</div>

Je ne sais pas comment faire une recherche en javascript uniquement a l'intérieur de la div

Merci de votre réponse, bonne journée

[SpaceFrog]

curieux les " après les br ...

Code :

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

document.getElementById('check').getElementsByTagName('input')

te retournera la collection de inputs dans ton div ...

[pookiie]

J'ai copier un bout de mon code et adapté a mon exemple j'ai oublié d'enlevé les "

Je vais testé et je vous tien au courant merci beaucoup pour la rapidité de la réponse .

[Bovino]

Un peu de modernisme ne fait jamais de mal !

Code :

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

1
2
3
4
document.querySelectorAll('#check input:checked');
// alternative
var $check = document.querySelector('#check');
var $inputs = $check.querySelectorAll('input:checked');

[SpaceFrog]

http://caniuse.com/#search=queryselectorall

théoriquement 92% des users ... sauf dans certaines sociétés

[pookiie]

J'ai vraiment besoin de sélectionner le check qui es dans une div spécifique car sur ma page je peux avoir plusieurs div contenant plusieurs check.

[SylvainPV]

SpaceFrog et Bovino t'ont répondu pookiee, ils ont utilisé ton ID #check comme tu voulais donc aucun risque de chercher ailleurs

http://caniuse.com/#search=queryselectorall

théoriquement 92% des users ... sauf dans certaines sociétés

Polyfill to the rescue !

[Watilin]

Une remarque à propos du code HTML :

Code HTML :

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

<label for="1">

L'attribut for est censé correspondre à l'id d'un autre élément. Et les ids ne doivent pas (normalement) commencer par un chiffre. Si tu veux utiliser proprement les labels, mets un id à chacun de tes inputs.

Code HTML :

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

1
2
3
4
5
<div id="check">
<input type="checkbox" id="checkbox1"> <label for="checkbox1">1</label><br />
<input type="checkbox" id="checkbox2"> <label for="checkbox2">2</label><br />
<input type="checkbox" id="checkbox3"> <label for="checkbox3">3</label><br />
</div>

Ou alors tu as une autre solution, si tu ne veux pas ajouter des pelletées d'id dans la page, c'est inclure l'input dans le label :

Code HTML :

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

1
2
3
<label>
  <input type="checkbox"> 1
</label>