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

jQuery - Populate closest hidden input with radio's value

本文关键字:隐藏 输入 最近 填充 使用 radio jQuery-      更新时间:2023-09-26

我有以下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();

这只是整个形式的一小部分。其余的看起来都很相似。现在的问题是,在单击/选择单选按钮时没有设置隐藏字段。我已经和这个看似简单的问题斗争了两天了!

谢谢你的帮助!

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

CCD_ 2和CCD_ 3之间不应有空格。选择器中的空格表示搜索与下一个标记匹配的子元素。

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

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