选择单选按钮时更改隐藏输入字段的值

我想在每次用户检查单选按钮时更改隐藏输入字段的值。

这就是我的 HTML 的样子。

<input type="hidden" id="ZAAL_NAME" value="" name="ZAAL_NAME" />

<input type="radio" name="zaal_ID" value="ROOM1" onclick="change">
<input type="radio" name="zaal_ID" value="ROOM2" onclick="change"> 
<input type="radio" name="zaal_ID" value="ROOM3" onclick="change">

现在我希望每次检查单选按钮时，该单选按钮的值也成为隐藏输入字段的值。有人知道该怎么做吗？这是我到目前为止所拥有的。

   $('input[name="radbut"]').click(function() {
    console.log(this.value);
    $('ZAAL_NAME').val(this.value);
});

有人可以帮忙吗？

亲切的问候，

史蒂芬

你的内联onclick处理程序将无法工作，因为您没有包含括号：它需要是onclick="change()"实际调用你的函数。但你应该将其更改为onclick="change(this);"将对单击的按钮的引用传递给您的函数，然后：

function change(el){
    $("#ZAAL_NAME").val(el.value) ;
}

另外，你的 jQuery 选择器需要一个 # 来按 id 选择。

更好的办法是删除内联onclick从你的标记中，这样做：

$('input[name="zaal_ID"]').click(function() {
    $('#ZAAL_NAME').val(this.value);
});

后者需要位于文档就绪处理程序中和/或出现在页面源中的单选按钮之后的脚本块中。

注意：当获取单击元素的值时，您可以说$(el).val() or $(this).val()（取决于您正在查看的两个函数中的哪一个），但考虑到el and this是对 DOM 元素的引用，您可以直接获取其 value 属性el.value or this.value.