我想在每次用户选中单选按钮时更改隐藏输入字段的值。
这就是我的 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()
(取决于您正在查看的两个函数中的哪一个),但是鉴于 el
和 this
是对 DOM 元素的引用,您可以直接使用 el 获取其 value 属性.value
或 this.value
。
关于javascript - 选择单选按钮时更改隐藏的输入字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10849759/