Maison > interface Web > js tutoriel > Comment puis-je vérifier efficacement l'état d'une case à cocher dans un tableau jQuery ?

Comment puis-je vérifier efficacement l'état d'une case à cocher dans un tableau jQuery ?

Linda Hamilton
Libérer: 2024-12-05 21:37:12
original
275 Les gens l'ont consulté

How Can I Efficiently Check the Status of a Checkbox in a jQuery Array?

Déterminer l'état de vérification du tableau de cases à cocher avec jQuery

Dans ce contexte, l'objectif est de vérifier si une case à cocher spécifique dans un tableau de cases à cocher est cochée . Pour y parvenir, l'identifiant du tableau de cases à cocher est utilisé. Cependant, le code fourni, à savoir :

function isCheckedById(id) {
  alert(id);
  var checked = $("input[@id=" + id + "]:checked").length;
  alert(checked);

  if (checked == 0) {
    return false;
  } else {
    return true;
  }
}
Copier après la connexion

ne parvient pas à fournir des résultats précis, car il indique systématiquement le nombre de cases cochées sans tenir compte de l'identifiant spécifié.

Solution

Pour résoudre ce problème, une approche différente est nécessaire :

$('#' + id).is(":checked")
Copier après la connexion

Cette ligne de code est effectivement vérifie si la case avec l'identifiant spécifié est cochée ou non.

cases à cocher avec le même nom

Dans les scénarios où plusieurs cases à cocher partagent le même nom, représentant un tableau de cases à cocher , une stratégie alternative est nécessaire :

var $boxes = $('input[name=thename]:checked');
Copier après la connexion

Cette expression récupère un tableau de toutes les cases cochées avec le nom "lenom."

Interaction avec les cases à cocher

Pour parcourir les cases cochées et effectuer des actions sur chacune d'entre elles :

$boxes.each(function(){
  // Perform actions here with the current checkbox
});
Copier après la connexion

Comptage Cases à cocher cochées

Pour déterminer le nombre de cases cochées cases à cocher :

$boxes.length;
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal