Définir la case à cocher cochée à l'aide de jQuery

Dans cet article, nous allons apprendre à définir des cases à cocher cochées dans jQuery.

Définir la case à cocher cochée dans jQuery

Cette méthode jQuery accepte le nom de l’attribut, dont la valeur doit être mise à jour et associée à l’élément. La méthode .attr() de jQuery est utilisée pour définir un ou plusieurs attributs pour l’ensemble des éléments/éléments correspondants.

Syntaxe:

attr(attributeName, value)

1. attributeName est le premier paramètre d’entrée de type string qui indique le nom de l’attribut dont la valeur doit être définie.
2. value est le deuxième paramètre d’entrée de type string ou null ou number qui indique la valeur définie pour l’attribut sélectionné. Si la valeur est null, l’attribut spécifié sera supprimé, similaire à .removeAttr().

La technique .attr() est pratique pour définir la valeur des attributs, en particulier lors de la mise en place de plusieurs attributs ou de l’utilisation de valeurs renvoyées par une fonction. L’approche .attr() réduit les incohérences.

Vous pouvez trouver plus d’informations sur le .attr() de jQuery dans la documentation de .attr().

Prenons un exemple.

Code-HTML :

<input type="checkbox" id="Mumbai">Mumbai
<input type="checkbox" id="Goa">Goa

Code-JavaScript + jQuery :

$('#Goa').attr('checked', 'checked');

Nous avons décrit deux cases à cocher, chacune assignée à un identifiant différent. Vous pouvez accéder à l’attribut coché de la case à cocher en utilisant la méthode attr().

Cette méthode permet de mettre à jour l’attribut de la case à cocher à définir comme valeur par défaut. Exécutez l’exemple de code ci-dessus dans n’importe quel navigateur prenant en charge jQuery pour afficher le résultat suivant.

Production:

Exécuter la démo de code