Maison > interface Web > js tutoriel > Comment activer/désactiver les cases à cocher avec JavaScript ?

Comment activer/désactiver les cases à cocher avec JavaScript ?

Susan Sarandon
Libérer: 2024-11-13 13:26:02
original
500 Les gens l'ont consulté

How to Toggle Checkboxes with JavaScript?

Activer/Activer les cases à cocher avec JavaScript

Pour manipuler l'état coché ou non d'une case à cocher à l'aide de JavaScript, utilisez les méthodes suivantes :

  • Méthode getElementById :
// Check:
document.getElementById("checkbox").checked = true;

// Uncheck:
document.getElementById("checkbox").checked = false;
Copier après la connexion
  • jQuery (1.6) :
// Check:
$("#checkbox").prop("checked", true);

// Uncheck:
$("#checkbox").prop("checked", false);
Copier après la connexion
  • jQuery (1.5-):
// Check:
$("#checkbox").attr("checked", true);

// Uncheck:
$("#checkbox").attr("checked", false);
Copier après la connexion

En utilisant l'une de ces techniques, vous pouvez basculer l'état coché/décoché d'une case à cocher en fonction des interactions de l'utilisateur ou de critères spécifiques dans votre application Web.

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