Discussion :

[Equinoxe5]

Bonsoir,
J'ai un formulaire avec une checkbox et un bouton submit. Ce dernier est grisé tant que je ne coche pas la case. Jusque là, tout fonctionne parfaitement.
Voici le code javascript du formulaire qui fonctionne:

Code :

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

1
2
3
4
5
6
7
8
function ChangeStatut(formulaire){
	if(formulaire.tout.checked == true) {
		formulaire.submit.disabled = false
	}
	if(formulaire.tout.checked == false) {
		formulaire.submit.disabled = true 
	}
}

Seulement j'ai un autre formulaire avec des dizaines de checkbox générées par une requête mysql et j'aimerais le même comportement que mon premier formulaire. Seulement je ne vois pas comment faire.

Voici mon formulaire que j'ai débarassé de tout le code superflu pour la clarté.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
		<form name='form' id='form' action='index.php?P=envoimessage' method='POST'>
 
				<?php
 
				$query = "SELECT ID, Section, Nom, Prenom, Adresse_mail FROM adherents WHERE Adresse_mail <> '' ORDER BY Nom, Prenom";
				$result = mysql_query($query) or die ('Erreur SQL !'.$sql.''.mysql_error());
 
				while($row = mysql_fetch_array($result)){
				$id_adh=$row['ID'];
				echo "<input type='checkbox' name='dest[]' id='dest[]' value='".$id_adh."'>".addslashes($row['Nom'])." ".addslashes($row['Prenom'])."\n";
					}
				?>
			<input ype='submit' name='submit' id='submit' value='Ecrire'>
		</form>

J'ai essayé ce code javascript

Code :

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

1
2
3
4
5
6
7
8
function ChangeStatut2(formulaire){
	if(formulaire.dest[].checked == true) {
		formulaire.submit.disabled = false
	}
	if(formulaire.dest[].checked == false) {
		formulaire.submit.disabled = true 
	}
}

mais sans succès. Ca me fait une erreur de fonction.

Quelqu'un peut m'aider svp ?

[NoSmoking]

Bonsoir,
merci de mettre le code HTML généré par le PHP, il sera ainsi plus facile de t'aider.
Les règles incontournables d'utilisation de ce forum

Pour le principe, à chaque click sur une chekbox tu parcours toutes les checkbox du formulaire et si aucune n'est cochée tu disables le bouton.

[RomainVALERI]

Ce détail à corriger :

Code :

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

<input ype='submit' name='submit' id='submit' value='Ecrire'>

Et si je puis me permettre cette petite refactorisation...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
/*function ChangeStatut(formulaire){
	if(formulaire.tout.checked == true) {
		formulaire.submit.disabled = false
	}
	if(formulaire.tout.checked == false) {
		formulaire.submit.disabled = true 
	}
}*/
 
function ChangeStatut(formulaire){
	formulaire.submit.disabled = !formulaire.tout.checked;
}

Même effet, avec un "très léger" gain de lisibilité ^^
Dans le même esprit, plutôt que de copier-coller la fonction et de lui ajouter un "2" pour modifier un point de détail, faisons plutôt un pas vers la généricité... non ?

Mais pour aller plus loin, comme dit justement NoSmoking, il nous faudrait le code généré, déjà, et voir aussi éventuellement l'appel à la fonction ChangeStatut.