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

id 必须是唯一的，所以 Spring 所做的就很好。只需使用选择器的 name 属性而不是 id 即可。

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