Case à cocher ne pas être cochée lors de l'exécution de la fonction

Question

J'ai une case à cocher qui, quand on clique dessus, soumet le formulaire au serveur pour stocker le détail. Tout fonctionne bien, sauf que, après que le formulaire est soumis, je mets à jour un div à dire soumis mais la case à cocher n'est pas cochée. La page n'est pas rafraîchie bien sûr et lors de l'actualisation de la page, elle est cochée.

Je pensais que je pourrais être en mesure de vérifier la boîte moi-même que j'utilise jQuery mais j'ai beaucoup de ces cases à cocher avec un nom dynamique, donc je ne sais pas comment je les appellerais. Je pensais quelque chose comme:

$('input[name=("favourite" + id)]').attr('checked', true); 

peut fonctionner mais pas de chance. Si je n'appelle pas la fonction sur la case cochée, la case à cocher se comporte normalement.

Merci pour tout ce qui pourrait aider.

Answer 1

Vous devez casser la chaîne afin d'introduire la valeur de la variable id dans votre sélection, vous pouvez le faire comme ceci:

$('input[name="favourite' + id + '"]').attr('checked', true); 

Answer 2

Essayez de faire

$('input[name=("favourite" + id)]').checked = true; 

à la place.

Le problème est peut-être que la définition de l'attribut n'est pas automatiquement interprétée par votre navigateur comme modifiant la propriété DOM. C'est un peu déroutant, mais sur les navigateurs comme Firefox, etc., les attributs HTML et les propriétés DOM sont stockés séparément (la plupart sont nommés de la même manière, mais il y a des exceptions - l'attribut class étant représenté par la propriété className).

La modification des propriétés affecte le comportement des éléments, tandis que les attributs n'ont pas toujours le même effet. Dans certains navigateurs, ils sont analysés uniquement lors du rendu initial.