web-dev-qa-db-fra.com

calculer le nombre de cases à cocher html cochées à l'aide de jquery

comment puis-je calculer le nombre de cases à cocher qu'un utilisateur a cochées avec jQuery?

ce que je veux faire est de limiter le nombre de vérifications pour les cases à cocher dans un formulaire à 10 par exemple et lorsqu'un utilisateur dépasse cette plage, affiche un message d'avertissement.

jqueryhtmlformscheckbox
21
bogha

Il existe plusieurs méthodes pour le faire:

Méthode 1: 

alert($('.checkbox_class_here:checked').size());

Méthode 2: 

alert($('input[name=checkbox_name]').attr('checked'));

Méthode: 3 

alert($(":checkbox:checked").length);
66
Sarfraz

Cela devrait fonctionner:

alert($("input:checkbox:checked").length);
17
James Wiseman

Si aucune des méthodes ci-dessus ne fonctionne, vous n'avez probablement pas encore importé jQuery ..__ Pour importer jQuery, collez ce code dans le <head> de votre code HTML.

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

J'ai eu le même problème lors de la création d'une page de commande de produit et je voulais que celui-ci compte. Le nombre de produits dans le panier à la page de confirmation de commande. Je me suis référé à ce post et essayé toutes les méthodes. Ensuite, j'ai découvert que je n'avais pas importé jQuery. La $(':checkbox:checked') ne fonctionnait donc pas.

2
Richik SC

vous devriez utiliser

alert($("input:checkbox:checked").length);

ou

alert($(".checkbox-class:checked").length);

si vous avez plus de formulaires sur une page

.size () (méthode numéro 1 dans la réponse acceptée actuelle) est obsolète depuis jQuery 1.8

0
rioted