Bouton de formulaire non cliquable quand rien de sélectionner [Résolu]

[AurelienNF]

Bonjour à tous,

Ma question peut paraître stupide mais je ne sais pas comment faire pour rendre le bouton "submit" de mon formulaire non cliquable si aucune case n'est sélectionnée.

A savoir que ce formulaire est seulement composé de "checkbox".

Une bonne âme pour m'expliquer ?

Merci beaucoup par avance,

Aurélien

[vorace]

en javascript mettre le bouton à .disabled=true sur l'événement onload du formulaire, une fonction activer() sur l'événement onclick de chacun de tes checkbox qui vérifie si au moins une des checkbox est coché et qui à ce moment la active le bouton.

[AurelienNF]

Merci Vorace pour ta réponse.

J'ai trouvé un bout de code qui fonctionne pour activer/désactiver mon bouton en fonction que j'ai coché ou non ma checkbox.

Par contre j'ai placé dans ma page le même bouton en haut et en bas du formulaire et le code javascript n'active que le bouton du haut.
J'ai bien vérifié que les deux input du bouton soit identiques mais ça ne fonctionne pas.

Comment faire dans ce cas là?
Est-ce possible ?

Voici mon code :

Code :

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
 
<script type="text/javascript">
function affiche_bouton() 
{ 
var isChecked=false;
for (i=0; i<document.getElementsByTagName("input").length; i++)
if (document.getElementsByTagName("input")[i].type=="checkbox")
if (document.getElementsByTagName("input")[i].checked)
isChecked=true;
if (isChecked)
{
document.getElementById('submit').disabled='';
} else {
document.getElementById('submit').disabled='true';
}
}
</script>
 
<form action="/mapage.php" method="post" >
 
<input type="submit" name="supprimer" value="Supprimer" id="submit" disabled="true"  />
 
<input type="checkbox" value="mavaleur" id="monid" name="monname[]" onclick="affiche_bouton()" />
 
<input type="submit" name="supprimer" value="Supprimer" id="submit" disabled="true" />
 
</ form>

Merci par avance,

Aurélien

[vorace]

ben t'as deux bouton avec le même id ce qui n'est pas possible, le mieux c'est de leur attribuer deux id different et de rajouter une ligne :

Code :

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
<script type="text/javascript">
function affiche_bouton() 
{ 
var isChecked=false;
for (i=0; i<document.getElementsByTagName("input").length; i++)
if (document.getElementsByTagName("input")[i].type=="checkbox")
if (document.getElementsByTagName("input")[i].checked)
isChecked=true;
if (isChecked)
{
document.getElementById('submit1').disabled='';
document.getElementById('submit2').disabled='';
} else {
document.getElementById('submit1').disabled='true';
document.getElementById('submit2').disabled='true';
}
}
</script>
<form action="/mapage.php" method="post" >
 
<input type="submit" name="supprimer" value="Supprimer" id="submit1" disabled="true"  />
 
<input type="checkbox" value="mavaleur" id="monid" name="monname[]" onclick="affiche_bouton()" />
 
<input type="submit" name="supprimer" value="Supprimer" id="submit2" disabled="true" />
 
</form>

[AurelienNF]

Merci beaucoup ! Le code est fonctionnel.

A bientôt,

Aurélien