jquery实现数字输入框

 +

 $(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;

 }

 })

 })