Comment obtenir la valeur d’une case d’option sélectionnée à l’aide de son nom dans jQuery ?

Question

J’ai 3 cases d’option dans ma page web, comme ci-dessous :

En jQuery, je veux obtenir la valeur de la case d’option sélectionnée lorsque l’utilisateur clique sur un de ces trois. En jQuery, nous avons id (#) et classe les sélecteurs (..), mais ce que si je veux trouver une case d’option par son nom, comme ci-dessous ?

S’il vous plaît me dire comment résoudre ce problème.

Answer 1

Cela devrait le faire, tout cela est dans la documentation, qui a un exemple très similaire à ceci :

Je dois aussi que vous avez plusieurs identifiants identiques dans cet extrait. Il s’agit d’HTML non valide. Utilisez les classes à l’ensemble du groupe d’éléments, pas d’ID, comme ils doivent être uniques.

Answer 2

Pour déterminer quel bouton radio est sélectionné, essayez ceci :

L’événement sera pris pour l’ensemble des cases d’option dans le groupe et la valeur du bouton sélectionné sera placée à val.

Mise à jour : Après la validation, j’ai décidé que la réponse de Paolo ci-dessus est mieux, car il utilise un moins traversée de DOM. Je laisse ce stand de réponse car il montre comment obtenir l’élément sélectionné d’une manière qui est compatible multi-navigateurs.

Answer 3

$('input:radio[name=theme]:checked').val();

Answer 4

une autre façon

Answer 5

Cela fonctionne très bien pour moi. Par exemple, vous avez deux cases d’option « homonyme », et que vous vouliez juste obtenir la valeur de celui activé. Vous pouvez essayer celui-ci.