我遇到的情况是，我的范围滑块的步长不是最大值的倍数，因此滑块值仅变为 90，因为下一步将大于 100。片段：
<input min=0 max=100 step=15 value=0 id='my-slider' type="range" oninput='onChange()'/>
<label id='label'>0</label>
<script type="text/javascript">
function onChange(){
const val = document.getElementById('my-slider').value;
document.getElementById('label').innerText = val;
}
</script>
我的问题是我希望滑块达到最大值（在本例中为 100），但我也希望保留步长值（15）。期望的行为是这样的：0 -> 15 -> 30 -> 45 -> 60 -> 75 -> 90 -> 100。
有没有一些简单的方法来实现这一点，或者用 javascript 编写自定义滑块更好？
不要直接发布滑块值和/或在服务器上处理该值
function onChange() {
let val = document.getElementById('my-slider').value;
val = val >= 100 ? 100 : val;
document.getElementById('label').innerText = val;
document.getElementById('actualValue').value = val;
console.log(document.getElementById('actualValue').value); // remove this when happy
}
onChange()
<input type="hidden" id="actualValue" name="actualValue" value="" /><br/>
<input min=0 max=105 step=15 value=0 id='my-slider' type="range" oninput='onChange()' />
<label id='label'>0</label>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
