Discussion :

[JFKen]

Bonjour !

Voilà mon soucis :

J'ai un formulaire généré par php. Les éléments étant en quantité aléatoire sur ce formulaire sont les CheckBoxes. Elles sont générées selon les données d'une base de données. Donc pour résumer, si j'ai 5 données dans la table, ça me créé 5 CheckBoxes.

Apres génération, voilà à quoi ressemble mes CheckBoxes dans mon formulaire :

<input type="checkbox" name="MaChkBox[]" value = "Une Donnée" id = "MaChkBox1">Une donnée
<BR>
<input type="checkbox" name="MaChkBox[]" value = "Une autre donnée" id = "MaChkBox3">Une autre
<BR>
<input type="checkbox" name="MaChkBox[]" value = "Derniere donnée" id = "MaChkBox3">Derniere donnée

Je dois controller qu'au moins une CheckBox soit cochées pour la validité du Formulaire. A la génération j'ai mis une variable INT qui contient le nombre de CheckBox générées dans un champ Hidden (dans l'exemple ci dessus j'aurais "3") , mais je ne sais pas comment faire pour coder ça en JavaScript.

J'ai penser à une boucle FOR bien sûr, mais étant donné que le nombre de CheckbBoxest variable, je ne pense pas que se soit la bonne maniere.

Existe t'il une methode pour controller un type particulier de controle, qu'elle que soit leur quantité dans le Form ??

merci de votre aide !

[FremyCompany]

Code :

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

1
2
3
4
var boxes=document.getElementsByName("THE_NAME")
for (var i=0; i!=boxes.length-1; i++) {
   boxes[i].checked=false;
}

[javatwister]

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
 
<script type="text/javascript">
 
function test(f){
 
	for(i=0;i<f.length;i++ in f){
		if(f[i].checked){
			return true
		}
	}
 
return false
 
}
 
<script>
 
<form id="f" action="" onsubmit="return test(this.elements['MaChkBox[]'])">
<p>
<input type="checkbox" name="MaChkBox[]" />truc<br />
<input type="checkbox" name="MaChkBox[]" />bidule<br />
<input type="checkbox" name="MaChkBox[]" />machin<br />
<input type="checkbox" name="MaChkBox[]" />chose<br />
</p>
<p>
<input type="submit" />
</p>
</form>