Comment cocher ou décocher correctement une case à l'aide de jQuery ?

Définition de "coché" pour une case à cocher avec jQuery

De nombreux développeurs aimeraient définir l'attribut "coché" d'une case à cocher en utilisant jQuery, et certains pourraient essayer d'utiliser des méthodes comme .checked() ou .selected(). Cependant, ces méthodes n'existent pas dans jQuery.

Modern jQuery

Pour définir l'attribut "checked" dans les versions modernes de jQuery, utilisez le .prop( ) méthode :

$('.myCheckBox').prop('checked', true);  // Check the checkbox
$('.myCheckBox').prop('checked', false); // Uncheck the checkbox

DOM API

Une autre option consiste à accéder à l'objet HTMLInputElement sous-jacent et à définir directement la propriété .checked :

$('.myCheckBox')[0].checked = true;  // Check the checkbox
$('.myCheckBox')[0].checked = false; // Uncheck the checkbox

jQuery 1.5.x et ci-dessous

Pour les anciennes versions de jQuery (antérieures à 1.6), le La méthode .prop() n'est pas disponible, vous pouvez donc utiliser .attr() à la place :

$('.myCheckBox').attr('checked', true);  // Check the checkbox
$('.myCheckBox').attr('checked', false); // Uncheck the checkbox

Il est important de noter que même si l'utilisation de .removeAttr('checked') peut sembler une approche raisonnable, elle peut conduire à un comportement inattendu lors de l’interaction avec des formulaires incluant la case à cocher. Par conséquent, l'utilisation de .prop() ou .attr() est la méthode préférée pour définir l'attribut "checked" avec jQuery.

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!