jquery bouton radio case cochée attribut?

Question

<input type="radio" value="G;-;P063P081719;-;84.063" name="awardDetail"/> 
<input type="radio" value="G;-;P063P091719;-;84.063" name="awardDetail"/> 
<input type="radio" value="G;-;P063Q081719;-;84.063" name="awardDetail"/> 

Je ne sélectionne pas un attribut de checket par défaut checked="checked". Lorsque je sélectionne un bouton radio, je fais un appel Ajax.

$('input[name=awardDetail]:radio').click(function(){ 
    var awardinfo = $('input[name=awardDetail]:checked').val(); 

et d'envoyer cette awardinfo à la fonction Ajax et les données renvoyées du serveur à afficher dans le DIV.

Toutefois, mon bouton radio est coché sur le bouton radio précédent plutôt que sur le bouton radio sélectionné en cours.

Comment définir l'attribut coché pour ce bouton radio en transmettant l'index sélectionné dynamiquement.

Le groupe de valeurs des boutons radio est généré dynamiquement à partir du backend.

Answer 1

Vous pouvez référencer le bouton radio cliqué à l'intérieur du gestionnaire en utilisant le mot-clé this (ou en utilisant event.target). Par exemple

$('input[name=awardDetail]:radio').click(function(){ 
    var awardinfo = $(this).val(); 
    // other stuff here for ajax call, etc 
} 

ou

$('input[name=awardDetail]:radio').click(function(event){ 
    var awardinfo = $(event.target).val(); 
    // other stuff here for ajax call, etc 
}