输入类型编号应从带有向上箭头的最小值和带有向下箭头的最大值再次开始

时间:2017-07-13 11:01:09

标签: javascript php jquery html input

我有数字输入,

<input type="number" name="start" id="start" value="0" min="0" max="24" />

所以,我想要的功能就像当我点击向上箭头直到最大值(这里是24)到达之后它应该从0再次开始,同样当达到极限直到最小值(0这里)用向下箭头,之后它应该从24开始。

同样适用于keyup和keydown arrow。

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:2)

类似这样的事情

&#13;
&#13;
function myFunction(){
if(document.getElementById("start").value == 25){
 document.getElementById("start").value = 0;
}
}
&#13;
<input type="number" name="start" id="start" value="0" min="0" max="25" onchange="myFunction()" />
&#13;
&#13;
&#13;

如果您希望在数字达到0时执行相同的操作,请使用以下代码:

&#13;
&#13;
function myFunction(){
if(document.getElementById("start").value == 25){
 document.getElementById("start").value = 0;
}
if(document.getElementById("start").value == -1){
 document.getElementById("start").value = 24;
}
}
&#13;
<input type="number" name="start" id="start" value="0" min="-1" max="25" onchange="myFunction()" />
&#13;
&#13;
&#13;