name checkbox multiple

**kOrt3x** · 15/04/2011, 14h25

Bonjour,

J'ai une page HTML qui contient une liste de checkbox qui ont pour nom name="box".
Certaines checkbox peuvent �tre r�p�ter x fois.

Comment puis-je savoir sur quel checkbox j'ai cliqu� ?

j'ai d�j� une function qui regarde si tous les checkbox sont coch�es :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
function checkAllBox(){
                var boxes = document.info.box.length;
                for (i = 0; i < boxes; i++){
                    if(!document.info.box[i].checked){
                        //alert("Contrôle incomplet !!");
                        document.info.box[i].focus();
                        return false;
                    }
                }
                return true;
            }

Sachant que je dois faire un contr�le sur chaque checkbox, mais le tous est de savoir quelle checkbox j'ai cliqu�.

merci.

**RomainVALERI** · 15/04/2011, 16h42

Les checkboxes sont-elles pr�sentes dans le HTML "en dur" ou bien ajout�es dynamiquement par JS ?

En tout cas, mets leur un id incr�ment� et r�cup�re le dans le gestionnaire onclick avec quelque chose comme

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
   var cible = e.target || e.srcElement;
var checkId = e.id;

("e" �tant ici le nom donn� au param�tre event du gestionnaire)

**Bovino** · 15/04/2011, 18h43

Oui, ou en faisant passant l'objet cliqu� en param�tre :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="checkbox" name="box" value="XXX" onclick="checkAllBox(this)" />

**kOrt3x** · 15/04/2011, 22h17

Merci pour vos r�ponses, mais dans mon code, on peut avoir plusieurs fois la m�me checkbox :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<input type="checkbox" name="box" value="Nom" onclick="checkAllBox(this)" />Nom (1)
<input type="checkbox" name="box" value="Nom" onclick="checkAllBox(this)" />Nom (2)
<input type="checkbox" name="box" value="Nom" onclick="checkAllBox(this)" />Nom (3)

Comme savoir que je clique sur le Nom (2) sachant qu'ils ont le m�me name ?

**NoSmoking** · 16/04/2011, 09h29

Bonjour,
il me para�t comme maladroit d'utiliser la m�me value pour tout les CHECKBOX, apr�s tout c'est ce sont ces value qui sont soumises.

Lorsque tu passes en param�tre le this � la fonction tu peux de ce fait r�cup�rer cette value.

Il existe aussi la notion de balise LABEL, qui accro�t l'accessibilit�, et qui peut te permettre de r�cup�rer le texte de celui ci.

De plus il serait peut �tre plus judicieux de d�clarer le name sous forme de "tableau", ici "box[]" afin de faciliter la r�cup�ration du(es) choix(s) cot� serveur.

exemple

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
23
24
25
26
27
28
29
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<script type="text/javascript">
function checkAllBox( obj){
 
  alert( 'value : ' +obj.value +'\nlastChild : ' +obj.parentNode.lastChild.data);
 
  var boxes = document.info.box.length;
  for (i = 0; i < boxes; i++){
    if(!document.info.box[i].checked){
      //alert("Contrôle incomplet !!");
      document.info.box[i].focus();
      return false;
    }
  }
  return true;
}
</script>
</head>
<body>
<form name="info">
  <label><input type="checkbox" name="box[]" value="Nom (1)" onclick="checkAllBox(this)">Nom (1)</label>
  <label><input type="checkbox" name="box[]" value="Nom (2)" onclick="checkAllBox(this)">Nom (2)</label>
  <label><input type="checkbox" name="box[]" value="Nom (3)" onclick="checkAllBox(this)">Nom (3)</label>
</form>
</body>
</html>

**kOrt3x** · 16/04/2011, 09h35

Ok, merci, je vais regarder tous �a.

Merci

name checkbox multiple

JavaScript

Vue hybride

Discussions similaires

Partager

Partager