Javascript: écouter la radio sélectionnée et le coller sur une étiquette d'étiquette avec jQuery

Question

J'ai une radio de sélection de genre:

<div class="label-inputs" name="userFieldDiv" id="genderUserFieldDiv">  
    <label class="required">Sexo</label>     
    <input type="radio" class="check" value="F" name="userDto.gender" id="userDto.gender0"> 
    <label for="userDto.gender0">Femenino</label> 
    <input type="radio" class="check" checked="checked" value="M" name="userDto.gender" id="userDto.gender1"> 
    <label for="userDto.gender1">Masculino</label> 
</div> 

Im essayant d'utiliser un script jquery pour obtenir la radio sélectionnée et le coller à l'intérieur d'une étiquette .

$("#userDto\\.gender").change(function() { $("#genderLabel").html(this.value); }); 

Le problème est que Im en utilisant le printemps, et quand je l'utilise formRadioButton, il génère l'ID: userDto.gender mais ajoute un « 0 » et « 1 » aux options. Donc, je n'ai plus d'idées sur la façon de faire le prochain HTML pour obtenir la valeur de la radio sélectionnée.

<div name="userLabelDiv" id="genderUserLabelDiv"> 
    <label class="required">Sexo</label> 
    <label id="genderLabel">Masculino</label> 
</div> 

Quelqu'un pourrait-il me guider à travers le problème? Je ne peux pas trouver où est mon erreur dans le code JS. Merci

Answer 1

Les identifiants doivent être uniques, ce que Spring fait est très bien. Utilisez simplement l'attribut name pour le sélecteur au lieu de l'id.

$('input[name="userDto\\.gender"]').change(...)