javascript - jQuery - 用收音机的值填充最近的隐藏输入

Question

我有以下 HTML 和 jQuery 来填充每个<td>元素中的隐藏字段：

<td>
    <div id="sex_div" style="text-align: left; width:120;">
        <input type="hidden" id="sex" value=""/>
        <input type="radio" id="sex_male" name="sex_div" value="M"/><label for="sex_male">Male</label>
        <input type="radio" id="sex_female" name="sex_div" value="F"/><label for="sex_female">Female</label>
    </div>
</td>

我拥有的jQuery如下：

$("input :radio").click(function() {
    $(this).siblings("input [type='hidden']").val($(this).val());
});

显然是按钮组，

$("#sex_div").buttonset();

这只是整个表格的一小部分。其余的看起来都差不多。现在的问题是单击/选择单选按钮时未设置隐藏字段。这两天我一直在努力解决这个看似简单的问题！

谢谢你的帮助！

Answer 1

$(this).siblings("input[type='hidden']").val($(this).val());

input和之间不应有空格[type='hidden']。选择器中的空格意味着搜索与下一个标记匹配的后代元素。

Answer 2

您需要删除选择器中的空间

$("input:radio").click(function() {
    $(this).siblings("input[type='hidden']").val($(this).val());
});