Maison > interface Web > js tutoriel > Comment cocher ou décocher une case à l'aide de jQuery ?

Comment cocher ou décocher une case à l'aide de jQuery ?

Patricia Arquette
Libérer: 2024-12-30 11:46:09
original
245 Les gens l'ont consulté

How Do I Check or Uncheck a Checkbox Using jQuery?

Réglage "coché" pour une case à cocher avec jQuery

Pour sélectionner une case à cocher à l'aide de jQuery, nous pouvons utiliser le .prop() méthode pour modifier le .checked du HTMLInputElement sous-jacent propriété.

JQuery moderne

Utilisez .prop() :

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);
Copier après la connexion

API DOM

Si vous travaillez avec un seul element :

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;
Copier après la connexion

jQuery 1.5.x et versions antérieures

Avant la version 1.6 de jQuery, utilisez .attr() au lieu de .prop() :

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);
Copier après la connexion

Notez que cette approche est préférable à l'utilisation de .removeAttr('checked'), car cela empêche les changements de comportement involontaires lors de l'appel de .reset() sur les formulaires contenant la case à cocher.

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