Javascript 是否可以链接范围和数字HTML输入？

有没有办法链接

和

的值

我想更改数值输入的滑块或，并更新这两个字段。由于某种原因，到目前为止，我只能从range元素中获得一个未定义的值

以下是我当前在文档这一部分的JavaScript和HTML：

函数updateTextInput1（val）{
警报（val）；
document.getElementById（'num1'）。value=val；
}

它不起作用，因为
updateTextInput1（this.val）
应该是
updateTextInput1（this.value）
：


函数updateTextInput1（val）{
document.getElementById（'num1'）。value=val；
}

错误是：this.val而不是this.value


函数updateTextInput1（val）{
警报（val）；
document.getElementById（'num1'）。value=val；
}
要在每次范围或输入文本发生更改时显示，您可以在输入范围上使用
oninput
和
onchange
，也可以在输入类型文本上使用
onkeypress
和
onchange
：


函数updateTextInput1（val）{
val=val>100？100:val；
val=val<0？0:val；
document.getElementById（'range'）。value=val；
document.getElementById（'num1'）。value=val；
}
您应该使用js/jq绑定事件。要链接两者，您可以针对特定的同级元素（或任何其他相关的横向方法）：


$（'.inputRange，.inputNumber'）。在（'input'，function（）上{
$（this）.sides（'.inputRange，.inputNumber'）.val（this.value）；
});

我会使用
input
事件来更新数字输入，同时更改为。这是一个很好的回答，但为什么到处都使用jquery？^^您还可以创建一个NodeJs服务器，添加MeteorJS。在服务器端创建一些方法，以便在更新输入类型范围时更新MongoDB，并将此更改发布到客户端以更新输入文本^^^@Arthur好吧，我不是到处使用jQuery，只是在编码时…：）这只是因为OP用
jQuery
标记了这个问题。所以，如果OP已经在使用jQuery，为了代码的一致性，他应该使用jQuery。。。现在你最好问问OP他为什么使用jQuery标记，不是吗？！