gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 13:36:48 25 4
gpt4 key购买 nike

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

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

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

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

关于javascript - 选择单选按钮时更改隐藏的输入字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10849759/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com