Compter le nombre de cases cochées

Version imprimable

Bonsoir,

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

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

04/03/2008, 18h42
SpaceFrog

boucler sur

Code:

document.getElementsByTagName('input')

si le

Code:

type==checkbox && checked='checked'

alors incrémente un flag ...
05/03/2008, 10h52
Equinoxe5

Bonjour,

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

Code:

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');}

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

Code:

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>

Code:

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

.

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