Dev Faq
7
votes

Cliquez sur TD, sélectionnez Bouton radio dans JQuery

Vous avez un petit problème avec une jQuery très basique, j'aimerais pouvoir cliquer sur une cellule de table, puis le faire sélectionner automatiquement le bouton radio à l'intérieur.

HTML: P> 

 $("td").click(function () {

  $(this).closest('input:radio').attr('checked',true);

 });

1 commentaires

Étant donné que les réponses sont déjà correctes, j'ajouterai ici que .closest () est destiné à traverser up l'arbre DOM, par exemple. Obtenir le ou le

, plutôt que vers le bas.

4 Réponses :

14
votes

Utilisez ce sélecteur: xxx

ou en utilisant Recherche méthode: xxx

Voici comment votre code devrait ressembler à: xxx

4 commentaires

Pas besoin d'envelopper Ceci dans le constructeur de jQuery lorsqu'il est utilisé comme contexte, $ (entrée: radio ', ceci) suffit.

Merci beaucoup! Une chose rapide cependant, je modifie la classe lorsque le bouton radio est sélectionné, mais cela ne fonctionne pas lorsque vous cliquez sur la cellule, même si le bouton radio est sélectionné? $ ("entrée TD [TYPE = radio]"). Bind (Changer click ', fonction () {$ (' TD '). Removeclass ("sélectionné"); $ ("TD"). addclass ("sélectionné");});

@ Box9: Mis à jour pour éviter toute confusion supplémentaire :)

@Nick: Vous devriez poster cela comme une autre question :)

2
votes

Essayez 

$(this).find('input:radio').attr('checked','checked');

0 commentaires
2
votes

essayez de trouver au lieu de la plus proche. 

$(this).find('input:radio').attr('checked',true);

0 commentaires
1
votes

Cela fonctionne parfaitement xxx

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier