Tutoriel Vidéo jQuery : Limiter le choix des checkbox

Dans ce tutoriel vidéo nous verrons comment limiter le nombre de case à cocher dans un formulaire. Pour cela nous utiliserons javascript, avec la librairie jQuery, ainsi que des input de type checkbox.


Télécharger la vidéo
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Masonry

Masonry
28m

Dans ce tutoriel vidéo vous apprendrez comment utiliser le plugin...

Décompte Javascript

Décompte Javascript
17m

Dans ce tutoriel vidéo vous apprendrez à créer un système de décompte...

15 commentaires
Ajouter un commentaire

Samet Il y a 12 mois Répondre

Même problème que Cris
Mon input n'ai pas détecté...
Quelqu'un a une idée??

stephan Il y a 1 an Répondre

bonjour
merci pour ce tuto

question
j'ai des checkbox qui doivent compter double
c'est possible de faire cela?

merci
stephan

Cris Il y a 2 ans Répondre

bonjour,
moi je fais ce tuto mais j'ai un problème (en même temps j'essaye de l'adapter a mon code). Quand je clique je n'ai pas d'alerte donc il ne trouve pas mon input.
Le problèmes c'est que j'ai plusieurs div imbriqué donc je suppose que le chemin ("input.options") n'est pas bon dans mon cas.Où dois-je mettre les div précédente?
Si ce n'est pas un problème je comprends pas.
J'ai fais un autre tutos avec des document.getElementById('monid') mais il ne me trouve pas mon id il dit qu'il est null alors qu'il existe bien et donc je pense que c'est a cause des div car hors des div sa fonctionne bien.
Auriez-vous une idée?
Merci par avance et merci pour ce tuto simple et efficace

lolo Il y a 2 ans Répondre

Effectivement avec IE il peut y avoir des soucis...
en ajoutant ceci cela semble régler


$(function () {
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
}
});

mickeymic Il y a 2 ans Répondre

Sauf erreur de ma part, ça ne fonctionne pas sous ie, en revanche sous firefox oui. Je ne sais pas pourquoi, ie calcul mal le nombre nb.

quent1du58 Il y a 2 ans Répondre

Encore un super tuto
Merci

Robin Il y a 2 ans Répondre

Super tuto merci

codeurWeb Il y a 2 ans Répondre

Approche très intéressante de Jquery ! Merci !

cerise Il y a 2 ans Répondre

Bravo et vraiment merci pour l'aide que tu nous apporte
a force d'écouter et visionner les tutos tu nous fait comprendre la logique de la programmation ..... tu te rend compte!
Petite question pourquoi je n'arrive pas a avoir un compte prémium?
Merci de me répondre

Syl20 Il y a 2 ans Répondre

Encore une fois, c'était très intéressant.

Merci de prendre du temps pour faire des tutos !

Flomito Il y a 2 ans Répondre

Super tuto, merci.

tibeoh Il y a 2 ans Répondre

Super tutoriel, je suis en train de me mettre à jQuery et c'est ce genre de petit tutoriel qui permet de bien comprendre la logique et l'écriture de jQuery !

@Harry : Aucun rapport avec le tuto ! Select permet de sélectionner un seul choix (sauf avec l'attribut multiple) et Grafikart te présente ici comment limiter le nombre de choix dans un checkbox et non comment valider sans de bouton "Valider"

Harry Il y a 2 ans - Répondre

Exact, mais je veux dire, dès que l'on sélectionne une case.

Harry Il y a 2 ans Répondre

Hi,
C'est a peu prés pareil pour un type select ? On voit souvent ça dans un système de recherche [par auteur, par titre, par description] sans qu'on ait à cliquer sur "OK".
Merci de ta réponse,
Harry

leknoppix Il y a 2 ans Répondre

Toujours aussi génial tes tutoriels.
Sinon pourquoi tu fais tout des screencasts sous windows?

Feno Il y a 2 ans Répondre

Encore un super tuto

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.