Javascript: получить выбранное радио и вставить его в тег метки с помощью jQuery

Question

У меня есть радио для выбора пола:

<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>

Я пытаюсь использовать скрипт jquery, чтобы получить выбранное радио и вставить его внутри метки.

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

Проблема в том, что я использую spring, и когда я использую formRadioButton, он генерирует id: userDto.gender, но добавляет «0» и «1» к опциям. Поэтому у меня нет идей о том, как создать следующий HTML-код, чтобы получить значение выбранного радио.

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

Может ли кто-нибудь помочь мне решить проблему? Я не могу найти, где моя ошибка в коде JS. Спасибо

Answer 1

Идентификаторы должны быть уникальными, поэтому то, что делает Spring, просто отлично. Просто используйте атрибут name для селектора вместо id.

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