Checkbox javascript

Fermé

Brunodurant Messages postés 13 Date d'inscription dimanche 14 novembre 2021 Statut Membre Dernière intervention 23 août 2022 - 18 nov. 2021 à 21:43
jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 - 19 nov. 2021 à 06:47

Bonjour à tous,

Je me permets de vous exposer mon projet où je rencontre un problème.

Je réalise un formulaire où je demande à un individu de réaliser 3 choix sur 5 propositions. J'utilise des checkbox.

Je souhaite ne pas lui donner la possibilité de faire plus de 3 choix (avec un petit message qui s'affiche)

Ceci je suis arrivé à le faire:


<form action="http://xxxxxxx.php" method="post" enctype="multipart/form-data" name="formSaisie1" target="_self" onSubmit="return soumissionOk(this)">

...

<input name="image1" type="checkbox"  class="photo" id="1" onClick="doAction()">
<input  name="image2" type="checkbox" class="photo" id="2" onClick="doAction()">
<input  name="image3" type="checkbox" class="photo" id="3" onClick="doAction()">
<input  name="image4" type="checkbox" class="photo" id="4" onClick="doAction()">
<input  name="image5" type="checkbox" class="photo" id="5" onClick="doAction()">

...

<input type="submit" name="Suivant" id="Suivant" value="Suivant">

...

<script>
function doAction(){
var max = 3;
var z = 0;
var checkboxes = document.getElementsByClassName("photo");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes.item(i).checked == true){
z++
if (z > max) {
checkboxes.item(i).checked = false;
alert('Vous ne pouvez pas faire plus de 3 choix.')
}}}}
</script>

Je souhaiterai aussi l'obliger à faire trois choix (et pas moins) pour qu'il puisse envoyer le formulaire. S'il ne fait pas 3 choix, je ferai apparaître un petit message du genre "Vous devez faire 3 choix"

Et là, c'est bête mais je ne vois plus ce que je dois faire.

Est-ce que quelqu'un d'entre vous aurez une idée pour m'aider ?

Merci à tous

A bientôt

Bruno

A voir également:

Checkbox javascript
Telecharger javascript - Télécharger - Langages
Javascript echo ✓ - Forum PHP
Node.js javascript runtime virus ✓ - Forum Virus
Erreur #125 javascript - Forum Mozilla Firefox
Vba checkbox value ✓ - Forum Excel

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 4 740
18 nov. 2021 à 22:21

Bonjour

Pareil que pour

if (z > max)

mais avec le signe inférieur...

brunodurant42
19 nov. 2021 à 05:51

Bonjour Jordane

Merci , j'avais essayé cette solution mais elle n'a pas fonctionné. Quand je mets inférieur, à chaque fois que je clique sur une case à cocher, il me mets mon message d'erreur "vous devez faire 3 choix". Par exemple, je sélectionne un choix, message d'erreur, je sélectionne un 2eme choix, message d'erreur, etc. Je souhaiterai que se soit à la validation du formulaire (envoi) que le message d'erreur s'affiche.

Je pense que c'est au niveau du "clic" validation du formulaire que cela doit se jouer. Et si c'est le cas, je ne vois pas comment faire. Mais je peux me tromper....

Merci et a bientôt

Bruno

jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 4 740 > brunodurant42
Modifié le 19 nov. 2021 à 06:47

Il faut faire cette vérification lors du submit de la form et non lors du click sur une case.

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

java script error in the main process

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :

Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

javascript:void(0);

Bonjour,
merci me dire c'est quoi ce message :"javascript:void(0);"
comment faire pour l'eviter

merci

java activée mais ne fonctionne pas !

Bonjour,

Je rencontre un problème avec IE8, sur certains sites, un message me
demande d'activer javascript.!! J'ai beau regarder dans les modules
complémentaires et dans le menu outils > options internet > avancé..., tout ce qui se rapporte à java est activé.
j'ai même réinstallé le java et je l'ai mis à jour mais aucune résultat favorable.
mon flash player aussi à jour.
j'ai baissé le niveau de securité (outils > options internet > sécurité > internet > personnalisé niveau...>script des appelets java > activé) mais toujours le même problème.

Que faire de plus ?

Merci d'avance.

Signature:...

afficher un tableau JS en HTML