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

标签 javascript jquery html

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

这就是我的 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/

相关文章:

javascript - 在另一个模块中重用 AngularJS 组件(依赖注入(inject))

jQuery.ajax 事件在 IE8 中无法正确触发(加载 Fiddler 时除外)

javascript - 匿名函数中的变量范围

html - 响应式 50% 2 列 html/css

html - 媒体打印 CSS

html - 在 html 和 CSS 中制作 4 个 div 和一个左侧菜单 div

javascript - CKEditor获取编辑器的内容

javascript - 在数据表中添加带有单个列搜索(选择输入)的滚动条

javascript - 我正在尝试使用 facebook 进行身份验证,但收到错误 TokenError : Malformed auth code

javascript - 使用链接而不是复选框启用/禁用复选框