html 获得input range的值,jquery或者js怎么实时获取range的value值并且输出?
时间: 2023-09-19 18:10:56 浏览: 172
jquery左键拖动选值,类似html5的input[range]
5星 · 资源好评率100%
你可以通过以下代码获取input range的值并实时输出:
```javascript
// 使用jQuery
$('input[type="range"]').on('input', function() {
var rangeValue = $(this).val();
console.log(rangeValue);
});
// 使用原生JS
var rangeInput = document.querySelector('input[type="range"]');
rangeInput.addEventListener('input', function() {
var rangeValue = this.value;
console.log(rangeValue);
});
```
这样,每当你拖动range滑块时,就会实时输出当前的值。
阅读全文