输入类型范围 - oninput 更改标签 - 使用 javascript "if" 更改特定值答案

【问题标题】：Input type range - oninput change label - use javascript "if" to change specific value输入类型范围 - oninput 更改标签 - 使用 javascript "if" 更改特定值
【发布时间】：2019-04-26 02:11:14
【问题描述】：

我有一个输入范围滑块，可以更改幻灯片上的标签。

现在，当范围值 = 5 时，标签文本变为“5 år”。我想说：例如，如果标签文本是“31 år”，则将文本更改为“Infinity”。

所以 5-30 "år" 的所有数字都可以，但 "31 år" 应更改为其他值/不同的值。

<label id="af">30 år</label>
<input id="afid" name="afdrag" type="range" max="31" min="5" value="30" oninput="var str = document.getElementById('af').innerHTML = this.value + ' år'">

【问题讨论】：

把 oninput 改成var str = document.getElementById('af').innerHTML = this.value<31?this.value+' år':'infinity' 就可以了
成功了！非常感谢！

标签： javascript input range label

【解决方案1】：

只需添加一个三元运算符来检查条件。

var str = document.getElementById('af').innerHTML = this.value<31?this.value+' år':'infinity

这里是演示

<label id="af">30 år</label>
<input id="afid" name="afdrag" type="range" max="31" min="5" value="30" oninput="var str = document.getElementById('af').innerHTML = this.value<31?this.value+' år':'infinity'">

【讨论】：