Javascript:获取选定的广播并使用jQuery将其粘贴到标签标签上

时间:2010-08-13 13:41:39

标签: javascript jquery html radio-button

我有性别选择电台:

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

1 个答案:

答案 0 :(得分:1)

ids必须是唯一的,所以Spring正在做的就好了。只需使用选择器的name属性而不是id。

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