Comment puis-je cocher ou décocher par programme des cases à l'aide de JavaScript ?

Manipulation des cases à cocher avec JavaScript

Souvent confrontés à la nécessité de gérer dynamiquement les éléments d'entrée, les développeurs peuvent s'interroger sur le contrôle des cases à cocher en JavaScript. Cette question explore les méthodes permettant de cocher et de décocher des cases à l'aide de JavaScript.

JavaScript

Pour cocher ou décocher une case à l'aide de JavaScript, accédez à l'élément à l'aide de son ID et modifiez sa case cochée. propriété :

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

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

jQuery (1.6 )

Dans les versions 1.6 et supérieures de jQuery, utilisez la méthode prop() pour manipuler l'état de la case à cocher :

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

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

jQuery (1.5-)

Pour les versions 1.5 et inférieures de jQuery, utilisez la méthode attr() pour contrôler le checkbox :

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

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

En employant ces techniques, les développeurs peuvent gérer dynamiquement les états des cases à cocher dans les applications Web, permettant ainsi des interactions utilisateur améliorées et des interfaces utilisateur rationalisées.

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!