【www.bbyears.com--jquery】
效果如下：
代码如下：
代码如下
<scripttype="text/javascript"charset="utf-8"src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js">
</script>
-
+
<scripttype="text/javascript">
$(function(){
var setInitVal=20;//设定初始值
var setMax=30;//设定最大值
var setInterval=2;//设定间隔
$("#numVal")[0].value = setInitVal;
$("#reduce").click(function() {
$("#numVal")[0].value=Number($("#numVal")[0].value)-setInterval;
if($("#numVal")[0].value <0) {
$("#numVal")[0].value=0;
}
if($("#numVal")[0].value > setMax) {
$("#numVal")[0].value = setMax;
}
})
$("#add").click(function() {
$("#numVal")[0].value=Number($("#numVal")[0].value)+setInterval;
if($("#numVal")[0].value > setMax) {
$("#numVal")[0].value = setMax;
}
if($("#numVal")[0].value <0) {
$("#numVal")[0].value=0;
}
})
$("#numVal").on("blur", function() {
if($("#numVal")[0].value > setMax) {
$("#numVal")[0].value = setMax;
}
if($("#numVal")[0].value <0) {
$("#numVal")[0].value=Math.abs($("#numVal")[0].value)
}
$("#numVal")[0].value=Number($("#numVal")[0].value)
if(($("#numVal")[0].value) == "NaN") {
$("#numVal")[0].value=1;
}
})
})
</script>