Discussion :

[Equinoxe5]

Bonsoir,

J'ai un programme qui se présente de cette maniere:

Code :

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

1
2
3
4
5
6
7
<form name="raccourci" action="checked.php" method="POST">
<div id="menu_perso">
        <fieldset>
        <legend>Menu par défaut</legend>
        <input type="checkbox" name="options[]" value="<a href='../chant/index.php'>Le chat</a>">Le chat<br>
        <input type="checkbox" name="options[]" value="<a href='../coolforum/index.php'>Les forums</a>">Les forums<br>
        <input type="checkbox" name="options[]" value="<a href='../matchs/re_res.php'>Tous les résultats</a>">Tous les résultats<br>

etc etc... avec une quarantaine de cases cochées possibles.
Seulement je souhaite que la personne ne coche que 5 cases. (Ni plus, ni moins).
Je n'arrive pas à adapter des morceaux de scripts en javascript que j'ai trouvé afin de compter les cases cochées.
Quelqu'un a une idée svp ?
Merci d'avance

[SpaceFrog]

boucler sur

Code :

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

document.getElementsByTagName('input')

si le

Code :

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

type==checkbox && checked='checked'

alors incrémente un flag ...

[Equinoxe5]

Bonjour,

N'étant pas un surdoué en javascript, tu n'aurais pas un exemple un peu plus concret ou parlant stp ?

[d-Rek]

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
function numberOfCheckedInput(into){
	var compteur=0;
	for(var i=0; i<document.getElementById(into).getElementsByTagName('input').length; i++){
		if(document.getElementById(into).getElementsByTagName('input')[i].type==checkbox && document.getElementById(into).getElementsByTagName('input')[i].checked!=false){
			// do something or do nothing..
			compteur++;
		}
	}
	return compteur;
}
 
window.onload=function(){numberOfCheckedInput('menu_perso');}

[Equinoxe5]

J'ai eu beaucoup de mal avec ton exemple pour finalement abandonner.
En revache j'ai trouvé ceci qui fonctionne parfaitement

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
<script type="text/javascript"> 
        function anyCheck(formulaire){ 
        var t=0;
        var c=formulaire['options[]']; 
        for(var i=0;i<c.length;i++){ 
        c[i].checked?t++:null; 
        }
        if (t == 5){
        formulaire.submit(); 
        }
        else{
        alert('Vous devez cocher 5 choix'); 
        }
       }
</script>

et

Code :

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

<input type="button" value="Valider mon choix" onclick="anyCheck(this.form)">

.

En espérant que ça puisse servir à d'autres.