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
Susan Sarandonoriginal
2024-11-13 13:26:02474parcourir

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;
  • jQuery (1.6) :
// Check:
$("#checkbox").prop("checked", true);

// Uncheck:
$("#checkbox").prop("checked", false);
  • jQuery (1.5-):
// Check:
$("#checkbox").attr("checked", true);

// Uncheck:
$("#checkbox").attr("checked", false);

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