Comment puis-je déterminer efficacement l'état coché d'une ou plusieurs cases à cocher à l'aide de jQuery ?

Déterminer l'état des cases à cocher avec jQuery

L'un des défis courants rencontrés lors de l'utilisation de formulaires Web consiste à déterminer l'état de cases à cocher spécifiques.

Considérez les scénario suivant : vous disposez d'un ensemble de cases à cocher et vous devez vérifier si une case à cocher particulière est cochée en fonction de son ID.

Bien que vous ayez peut-être utilisé le code suivant :

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

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

Cette approche donne le nombre total de cases cochées, sans tenir compte de l'ID spécifié.

La solution réside en tirant parti du sélecteur :checked intégré de jQuery :

$('#' + id).is(":checked")

Cette expression est évaluée comme vraie si la case à cocher avec l'ID donné est coché, et faux dans le cas contraire.

De plus, si vous disposez d'un tableau de cases à cocher portant le même nom, vous pouvez récupérer une liste de cases cochées comme suit :

var $boxes = $('input[name=thename]:checked');

Parcourir la liste à l'aide de la méthode each() vous permet d'effectuer des actions sur chaque case cochée :

$boxes.each(function(){
    // Do stuff here with this
});

Pour compter le nombre de cases cochées dans un tableau :

$boxes.length;

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!