Javascript HTML5范围输入重新加载

Javascript HTML5范围输入重新加载,javascript,html,range,Javascript,Html,Range,我正在开发一个使用范围输入类型的在线调查。到目前为止,我已经成功地将范围值发送到范围滑块上方的输出显示器,并用范围值填充文本框 然而,由于某些原因,当涉及到从复选框重新加载值时,我没有太多的运气。理想情况下,我还希望推送这个重新加载的值,以提供范围输入的值 代码如下: 函数输出更新(val){ var val=document.getElementById('selectVAS')。值; document.getElementById('vasOutput')。value=val; docum

我正在开发一个使用范围输入类型的在线调查。到目前为止,我已经成功地将范围值发送到范围滑块上方的输出显示器,并用范围值填充文本框

然而,由于某些原因,当涉及到从复选框重新加载值时,我没有太多的运气。理想情况下,我还希望推送这个重新加载的值,以提供范围输入的值

代码如下:

函数输出更新(val){
var val=document.getElementById('selectVAS')。值;
document.getElementById('vasOutput')。value=val;
document.getElementById('vasStored')。value=val;
}
函数重载vas(){
var vas=document.getElementById('vasStored').value;
如果(vas==“”){
vas=“”;
}否则{
document.getElementById('selectVAS')。value=vas;
}	
}
重新加载vas()
#选择VAS{
宽度:378px;
}
#输精管{
宽度:50像素
}

5.

如果我理解得很好,你想要

var range=document.getElementById('selectVAS'),
输出=document.getElementById('vasOutput'),
text=document.getElementById('vasStored');
(range.oninput=text.oninput=function(){
range.value=text.value=output.value=this.value;
}).呼叫(范围)
#选择VAS{
宽度:378px;
}
#输精管{
宽度:50像素
}

5.

代码有效。你又做错了什么。也许可以尝试使用以下选项:
来查看您的函数是否在应用程序上下文中工作。您指的是哪个复选框?对不起,我的意思是textbox@f.ardelian我刚刚试过,问题似乎不在重新加载端,因为给vasStored一个离散值将使范围滑块加载为2。问题是否可能存在于
oninput=“vasOutputUpdate(this.value);”
?具体来说,它是如何与
vasOutputUpdate()
函数交互的?好的,我希望将范围中的值本质上存储在文本框中,出于某种原因,这似乎是一个问题。我不太清楚oninput是如何工作的,但它似乎只存储了一个瞬时值?而不是“硬”值。。当我尝试从vasStored文本框中推送值时,什么都没有发生…@rorylater什么是“硬”值?你能链接一把小提琴来显示你的问题吗?很抱歉模棱两可,问题是我在一份电子病历中工作。我认为问题在于它们存储要重新加载的数据的方式。我们只是被指示将其存储在文本框中,这一点到目前为止一直有效。。由于某些原因,范围输入有一些不同之处,这让我感到困惑