如何将输入范围值从 1.9 更改为 2.0？答案

【问题标题】：How to change input range value from 1.9 to 2.0?如何将输入范围值从 1.9 更改为 2.0？
【发布时间】：2020-08-27 11:22:16
【问题描述】：

我有：

<input type="range" id="rating-range-btn" name="ratingrange" min="5" value="5" max="10" step="0.1">

我需要将输入值从 1.9 更改为 2.0，但它只显示 2，没有点和零

【问题讨论】：

stackoverflow.com/questions/22641074/…
我不使用 jQuery
有没有办法使用纯javascript或html来做到这一点？
任何你可以用 jQuery 做的事情，你都可以用纯 HTML 做。没有办法强制浏览器仅使用 HTML 显示整数的小数位。
@robinsax 你可以用 jQuery 做的任何事情都可以用纯 HTML 做。

标签： javascript html css

【解决方案1】：

您必须在每次值更改时触发回调函数以调整从范围中获取其值的另一个元素的值，因为范围值（当达到整数时）无法调整。

document.getElementById("rating-range-btn").addEventListener("change", function(e){
  // Force the string value of the range to a number and then force the 
  // number to have a single decimal
  output.textContent = parseFloat(this.value).toFixed(1);
});

<input type="range" id="rating-range-btn" name="ratingrange" min="5" value="5" max="10" step="0.1">
<div id="output">5.0</div>

【讨论】：