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());
});

jQuery - 使用radio的值填充最近的隐藏输入

2 个答案: