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

Question

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

这就是我的 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);
});

有人能帮忙吗？

亲切的问候，

斯蒂芬

Answer 1

您的内联 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);
});

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

注意:当获取点击元素的值时，您可以说 $(el).val() 或 $(this).val()(取决于您正在查看的两个函数中的哪一个)，但是鉴于 el 和 this 是对 DOM 元素的引用，您可以直接使用 el 获取其 value 属性.value 或 this.value。