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
Patricia Arquetteoriginal
2024-12-30 11:46:09246parcourir

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);

API DOM

Si vous travaillez avec un seul element :

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

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);

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!

Déclaration:
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