Comment contrôler l'état coché d'une case à cocher à l'aide de JavaScript ?

Contrôle des cases à cocher JavaScript

Contrôler l'état coché d'une case à cocher à l'aide de JavaScript est une technique polyvalente pour le développement Web. Pour ce faire, il existe plusieurs approches :

JavaScript pur :

// Check
document.getElementById("checkbox").checked = true;

// Uncheck
document.getElementById("checkbox").checked = false;

Cette méthode accède directement à la propriété vérifiée de l'élément checkbox.

jQuery (1.6) :

// Check
$("#checkbox").prop("checked", true);

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

La méthode prop() de jQuery permet la manipulation des propriétés des cases à cocher, y compris l'état coché.

jQuery (1.5 -):

// Check
$("#checkbox").attr("checked", true);

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

L'ancienne méthode attr() est fournie pour des raisons de compatibilité ascendante, mais il est recommandé d'utiliser prop() à la place. Les deux méthodes modifient directement l'attribut vérifié.

L'utilisation de ces techniques pour manipuler l'état des cases à cocher permet un meilleur contrôle sur les interactions des utilisateurs et les fonctionnalités des formulaires dans les applications Web basées sur JavaScript.

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!