La case à cocher jquery ne fonctionne pas

J'ai récemment rencontré un problème lors de l'écriture d'une page Web, c'est-à-dire que l'utilisation de la méthode prop() de jQuery pour modifier l'attribut coché de la case à cocher ne fonctionnait pas. Après quelques tentatives et recherches, j'ai finalement trouvé la solution, que je partage désormais avec vous ci-dessous.

Tout d'abord, jetons un coup d'œil au code :

<input type="checkbox" class="my-checkbox" checked>

$(".my-checkbox").prop("checked", false);

Le code ci-dessus semble correct. Nous utilisons la méthode prop() de jQuery pour changer l'attribut coché de la case à cocher en false, qui est l'état non coché. Cependant, lorsque nous exécutons la page Web dans le navigateur, nous constatons que la case à cocher est toujours cochée et que la méthode prop() ne fonctionne pas.

Que se passe-t-il ? En fait, le problème réside dans l’attribut vérifié. L'attribut vérifié est un attribut DOM, pas un attribut HTML. Lors de la modification des propriétés DOM, vous devez utiliser des méthodes JavaScript natives au lieu de la méthode prop() de jQuery. Par conséquent, nous devons remplacer la méthode prop() par la méthode attr() afin de pouvoir modifier les attributs HTML. Le code est le suivant :

$(".my-checkbox").attr("checked", false);

Après cette modification, si nous exécutons à nouveau la page Web, nous trouverons. que l'état de la case à cocher a été modifié.

De plus, si nous voulons utiliser prop() pour modifier l'attribut vérifié, cela est également possible. Cependant, vous devez modifier le deuxième paramètre de prop() en une valeur de chaîne « vrai » ou « faux » au lieu d'une valeur booléenne. Le code est le suivant :

$(".my-checkbox").prop("checked", "false");

De cette façon, nous pouvons utiliser avec succès la méthode prop() pour modifier l'attribut coché de la case à cocher.

En résumé, lorsque nous utilisons la méthode prop() de jQuery pour modifier les attributs DOM, nous devons faire attention à l'utilisation d'attributs HTML au lieu d'attributs DOM. De plus, lorsque vous utilisez la méthode prop(), vous pouvez également modifier le deuxième paramètre en valeur de chaîne pour éviter le problème selon lequel les valeurs booléennes ne peuvent pas fonctionner dans certains cas. J'espère que cet article pourra vous aider à éviter des problèmes similaires et à mener à bien votre travail de programmation.

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!