Utilisation de jquery pour obtenir toutes les cases à cocher cochées avec un certain nom de classe

Question

Je sais que je peux obtenir toutes les cases à cocher cochées sur une page en utilisant ceci :

$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});

Mais je l'utilise maintenant sur une page qui comporte d'autres cases à cocher que je ne veux pas inclure. Comment modifier le code ci-dessus pour qu'il ne prenne en compte que les cases à cocher cochées par une certaine classe ?

Answer 1

$('.theClass:checkbox:checked') vous donnera toutes les cases à cocher cochées avec la classe theClass .

Answer 2

$('input:checkbox.class').each(function () {
       var sThisVal = (this.checked ? $(this).val() : "");
  });

Un exemple à démontrer.

:checkbox est un sélecteur pour les cases à cocher (en fait, vous pourriez omettre l'élément input du sélecteur, bien que j'aie trouvé des cas de niche où l'on obtenait des résultats étranges en faisant cela dans des versions antérieures de la bibliothèque. Je suis sûr qu'ils sont corrigés dans les versions ultérieures). .class est le sélecteur pour l'attribut de classe de l'élément contenant class .

Answer 3

Obligatoire .map exemple :

var checkedVals = $('.theClass:checkbox:checked').map(function() {
    return this.value;
}).get();
alert(checkedVals.join(","));

Answer 4

Je ne suis pas sûr que cela vous aide dans votre cas particulier, et je ne suis pas sûr que dans votre cas, les cases à cocher que vous voulez inclure seulement font toutes partie d'un seul formulaire ou div ou table, mais vous pouvez toujours sélectionner toutes les cases à cocher à l'intérieur d'un élément spécifique. Par exemple :

<ul id="selective">
 <li><input type="checkbox" value="..." /></li>
 <li><input type="checkbox" value="..." /></li>
 <li><input type="checkbox" value="..." /></li>
 <li><input type="checkbox" value="..." /></li>
</ul>

Ensuite, à l'aide de la commande jQuery suivante, il parcourt UNIQUEMENT les cases à cocher de l'UL avec id="selective" :

$('#selective input:checkbox').each(function () {
 var sThisVal = (this.checked ? $(this).val() : "");
});

Answer 5

 $('input.myclass[type=checkbox]').each(function () {
   var sThisVal = (this.checked ? $(this).val() : ""); });

Voir Sélecteurs de classe jQuery .