Vérifier si au moins une case est cochée

Version imprimable

Bonjour à tous
le titre semble dire, pourquoi t'as pas fait de recherche ya plein de tuto...
Oui c'est vrai mais j'ai rien trouvé comme je veux faire
je liste dynamiquement le contenu d'un répertoire avec pour chaque dossier une case à coché.
Le but est de choisir à quel dossier l'utilisateur pourra avoir accès...

Je monte le tout en php, je récupère bien les case coché dans mon formulaire sauf que, je fais quelques validation avant de soummettre. Champs ramplis et au moins une case coché.
Or je ne suis pas capble pour la case coché :aie:
je vous montre comme je créé mes cases
Code:

1 2 3 4 5 6 7 8 9 10 11 <?php ... //Lecture du répertoire //$dossier est le nom du chaque sous répertoire //$folder est la liste de répertoire parent echo' <td align="left" width="25%"> <input type="checkbox" name="chkDossier[]"'.((isset($_POST['chkDossier']) && in_array($folder[$i].'/'.$dossier,$_POST['chkDossier'])) ? ' checked ': ' ').' value="'.$folder[$i].'/'.$dossier.'">'.$dossier.' </td> ';
Ce qui me cause probleme est que je ne connais pas le nombre de dossier donc j'utilise un array de name -> chkDossier[]
ca va très bien a récupérer lors du traitement de formulaire
mais je ne sais pas comment vérifier s'il y en a au moins une case de cochée
je ne suis pas très bon en javascript :(
Je voulais me faire une petite fonction qui me retourne true dès qu'il y a une élément coché, mais comment je fais pour accèder à cet élément avec un nom pareil?
j'ai essayé ceci
Code:

1 2 3 4 if(document.frmAjoutCompteAssureur.elements[4].checked){ alert(); }
le 4e élément du formulaire est le premier checkbox
mais ca me fait une erreur à la valeur null ou n'est pas un objet
j'ai vérifier avec ceci
Code:

1 2 3 4 5 6 7 8 9 10 11 alert(document.frmAjoutCompteAssureur.elements.length); //m'affiche 32 (dont 26 case à coché éléments 4 à 30) //j'ai aussi essayé ceci alert(document.frmAjoutCompteAssureur.elements[4]); //m'affiche [object] //j'ai essayé ceci alert(document.frmAjoutCompteAssureur.elements[4].checked); //m'affiche undefined
Est-ce que vous pouvez m'aider?
merci beaucoup

04/07/2007, 22h51
SpaceFrog

les checks ont tous le même name ou se sont des names différents ?

si c'est le meê mname il faudra boucler sur

Code:

getElementsByName('lenom')

si les noms diffère il faudra récupérer:

Code:

getElementsByTagName('input')

puis dan cette collection tester le type

tu mets toutes tes lignes a travers un <tbody> auquel tu affectes un ID (id="montbody" par ex)

après, petite fonction javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script> function isChecked() { var tbody=document.getElementById("montbody"); var boxs=tbody.getElementsByTagName("input"); var check=false; for (var i=0;i<boxs.length;i++) { if (boxs[i].checked==true) { check=false; break; } } return check; } </script>
en espérant que ce soit assez claire! ;)

Pour info, je déconseille l'utilisation de getElementsByName, car sous FF il prend en compte l'attribut NAME, mais sous IE c'est l'attribut ID...

04/07/2007, 22h58
ozzmax

dsl j'avais posté sans terminé le message :oops:
ils ont le meme name mais avec des crochet au bout
04/07/2007, 23h02
SpaceFrog

Citation:

Pour info, je déconseille l'utilisation de getElementsByName, car sous FF il prend en compte l'attribut NAME, mais sous IE c'est l'attribut ID...

ha c'est nouveau ?
04/07/2007, 23h04
Malarkey

Citation:

Envoyé par SpaceFrog

ha c'est nouveau ?

Ben c'est ce que j'ai remarqué... Mais ce n'est pas nouveau!
04/07/2007, 23h15
SpaceFrog

alors c'est que tu auras mal remarqué ...

Citation:

Envoyé par SpaceFrog

alors c'est que tu auras mal remarqué ...

au lieu de dire des chose sans vérifier, exécute donc ce code sous FF et sous IE 8-)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script>
function test() {
	alert(document.getElementsByName("box").length);
}
window.onload=test;
</script>
</head>
 
<body> 
<input type="checkbox" name="box1" id="box" />
<input type="checkbox" name="box2" id="box" />
<input type="checkbox" name="box3" id="box" />
</body>
</html>

Et tu verras!

05/07/2007, 09h13
SpaceFrog

Citation:

Citation:
au lieu de dire des chose sans vérifier, exécute donc ce code sous FF et sous IE

:maouarf3:
Oui et au lieu de vouloir avancer n'importe quoi renseigne toi sur ce qu'est un id

UN id est un identifiant qui doit être unique sur une page !!

donc ton code avec plusieurs id identiques est une ineptie pour ne pas dire une abbérration !!
Quand au comportemant d'IE, je n'y suis pour rien si il tolère n'importe quoi ...

pour créer des groupes d'objets on leur attribue un même name ce qui est le cas par exemple des groupes de boutons radios...
05/07/2007, 11h35
SpaceFrog

donc le même name avec des []

=>

Code:

document.getELementsByName('lenom[]')
05/07/2007, 14h50
ozzmax
ok
je ne savais pas qu'on pouvait appeler le name avec les crochets
je fais le tout dans une boucle pour passer tous les éléments c'est ca?<

De plus, je me demandais, si je ne veux pas tout vérifier les éléments...est ce que je peux faire un return dans un for?
ex bidon..
Code:

1 2 3 4 5 6 7 8 fonction bidon(){ for(var i=0;i=20;i++){ if(i == 8){ return true; } } }
merci pour ton aide :P

bientot la 1000ème ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
function bidon(){
 for(i=0;i<20;i++){
  if(i == 8){return true;  }
  alert(i)
  }
 
}
 
bidon()
 
</script>

je pense que ça répond à ta question ?

05/07/2007, 15h34
ozzmax

merci
je devrais etre bon pour me débrouiller avec ca
et merci pour ta patience et pour ta 1000ieme :roll:
bonne journée