Javascript：获取选定的收音机并将其粘贴到带有 jQuery 的标签标签上答案

【问题标题】：Javascript: Get selected radio and paste it on a label tag with jQueryJavascript：获取选定的收音机并将其粘贴到带有 jQuery 的标签标签上
【发布时间】：2020-11-26 20:39:34
【问题描述】：

我有一个性别选择收音机：

<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 代码中找不到我的错误。谢谢

【问题讨论】：

我可以获得具有相同属性名称的值读取输入，但我不知道该怎么做。谢谢！

标签： javascript jquery html radio-button

【解决方案1】：

ID 必须是唯一的，所以 Spring 所做的一切都很好。只需使用选择器的名称属性而不是 id。

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

【讨论】：

谢谢，这正是我要找的！