Je veux sélectionner une case à cocher lorsqu'une touche est cliquée. Lorsque j'ai essayé ce qui suit, la case à cocher n'était pas sélectionnée P> $('#buttonone').click(function() {
document.getElementById('checkone').checked=true;
});
7 Réponses :
essayer ou p> ou p> la raison de votre Le premier code n'a pas fonctionné est dû au fait que vous essayiez de définir la propriété code> cochée code> sur un objet JQuery qui n'aura aucun effet visible car il ne fonctionne que sur l'objet Dom natif. P> En appelant get (0) code> ou accédant au premier élément
[0] code>, nous récupérons l'élément DOM natif et peut l'utiliser normalement comme dans votre deuxième exemple. Sinon, définissez l'attribut code> coché code> à l'aide de la fonction
attr code> de jQuery qui devrait fonctionner aussi. P> p>
@anish - Ajout d'une explication, s'il vous plaît laissez-moi savoir s'il n'est toujours pas clair, et je vais élaborer plus loin
@Anurag - merci beaucoup. grande explication. Est-ce que cela s'applique à toutes les propriétés et méthodes de JavaScript?
+1, mais je n'aime vraiment pas la version code> () code>. C'est inefficace, plus susceptible de se tromper et perpétue la confusion sur les attributs et les propriétés.
@anish - Oui, il y a une grande différence entre les propriétés de l'objet et les attributs DOM. JQuery a tendance à brouiller la distinction au-delà de la reconnaissance parfois. @IM - Dernièrement, je développe la notion que l'ensemble des attributs / propriétés de Dom est en désordre. Je veux dire pourquoi ne pas faire des propriétés des attributs. setattribute (.., ..) code> mettra à jour la propriété
code> dans la plupart des cas, mais pas vice-versa. Honnêtement, je pense que voir des propriétés en tant que copie de travail qui ne se synchronise pas avec les attributs initiaux ne fabulent pas de la gober, mais c'est juste mon avis.
Celui-ci a fonctionné pour moi: $ ('# checkone') [0] .Checked = true; Merci beaucoup! le premier sur le réglage sur
Essayez
$('#checkone').attr('checked', true);
Vous devez utiliser .attr () code>
Pour l'objet JQuery em>, comme celui-ci: document.getElementById('buttonone').onclick = function() {
document.getElementById('checkone').checked = true;
};
Ce deuxième exemple met en évidence le problème. Les nouveaux arrivants JQ oublient parfois qu'ils travaillent avec un objet JQ, pas un objet DOM.
@jasongetsDown - Les nouveaux arrivants JQ oublient parfois qu'ils travaillent avec un objet JQ, pas un objet DOM. Beau bout. @Nick cravraver - pourquoi est $ ('# Cochone') [0] .CHECKED = vrai; bien mieux. cela le rendra-t-il vite?
@ anish-m - oui, il a une performance significativement meilleure que .attr () code> ... Accès à une propriété DOM est toujours i> plus rapide que d'aller à travers quelque chose d'autre < / I> Pour y accéder.
L'accès à une propriété DOM est toujours plus rapide que de traverser quelque chose d'autre pour y accéder. Merci beaucoup pour l'info
Essayez Cleary Googling pour "jQuery cocher une case à cocher" était le moyen d'aller p> p> p>
ou vous pouvez simplement faire
$('#buttonone').click(function() { $('#checkone')[0].checked=true; });
Aucune de ces réponses n'a fonctionné pour moi car j'avais mal à plusieurs radios avec les mêmes attributs de noms: JavaScript ne reconnaîtra pas l'attribut coché (évidemment). Cela résultait de l'utilisation de Voici un jsfiddle pour montrer que deux éléments radio peuvent avoir l'attribut http://jsfiddle.net/bozdoz/5ecq8/ p> Encore une fois, assez évident, mais éventuellement quelque chose à regarder pour: Supprimer Inclure code> pour ajouter une section similaire de HTML plusieurs fois. Évidemment, en cliquant sur un bouton radio décochera que la radio bascule avec le même nom. P>
coché code> mais seulement le dernier est en fait vérifié: p>
ID code> et
nom code> attributs des fichiers que vous avez l'intention d'inclure dans d'autres fichiers. plusieurs fois. p> p>
Essayez ceci
@illarra - Ce n'est pas la meilleure façon de le faire, c'est le meilleur moyen d'un novice JQuery Novice pour rapidement i>, mais pas efficacement i> résoudre le problème ... aussi ce lien 't répondre à la question du tout. Il a demandé pourquoi ne pas
.checked = true code> fonctionne ici i>? ... Je ne vois pas cela couvert du tout, et je doute que vous trouveriez la réponse sur Google en seulement 10 secondes.
Vous avez raison @nick Craver, j'ai mal compris la deuxième partie de la question ici. J'ai essayé d'annuler mon -1 mais je ne peux pas maintenant. La réponse de @anurag indique clairement.
@illarra - c'est édité, libérant votre vote maintenant :)