Javascript 如何在范围滑块上指定标签 10

我需要创建范围滑块，其中7以下的值被标记为中等，7到15为中等，而高于7的值被标记为广泛。如何将这些标签添加到我的范围幻灯片中？

想法是只需获取现有滑块的值，然后根据该值执行if语句

要在有人移动滑块时获取值，可以使用

oninput

试试这个：

没有分区的第一个答案

var slider=document.getElementById（“范围”）；
var display=document.getElementById（“display”）；
var getVal=slider.value；
numVal.innerHTML=getVal；//如果不想显示号码，请删除此项。这是为了显示标签将更改的编号
如果（getVal=7&&getVal15）{
display.innerHTML=“扩展”；
}
slider.oninput=函数（）{
numVal.innerHTML=this.value；//如果不想显示数字，请删除此项。这是为了显示标签将更改的数字
var getVal=this.value；
如果（getVal=7&&getVal15）{
display.innerHTML=“扩展”；
}
}

检查这是否有助于回答您的问题，@圣诞老人感谢我之前提出的建议，但我需要做的是有所不同。标签应该指向多个值，因此，在中等情况下，值3到7应该在下面that@Vvictory谢谢你的参考，我将试一试。有没有一种方法可以让标签同时出现在范围滑块上，这样用户就可以知道哪些值属于类别？我不明白，嗯，你的意思是它应该显示为，例如；中等（3-7）？或者，例如；如果值恰好为5，则为中等（5）？对不起，如果我之前不清楚的话。我的意思是，它已经表明，从一开始，适度（3到6），适度（7到15）和广泛（16到20），我想在这三个类别之间创建视觉分区。在值7到15之间有一行显示类别的开始和结束位置。好的，我已经更新了答案，请检查这是否是您想要的。Np，很高兴它有帮助！继续，根据您的喜好更改CSS的样式。。