jquery输入数字 [英] jquery input number
本文介绍了jquery输入数字的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
可能存在重复:
Possible Duplicate:
Is it possible to customize an input field for amounts with +- buttons?how to make + (plus) and - (minus) value buttons for
<input type="number" class="numbertype" value="10">
?I think it's possible to do with jQuery or maybe simple javascipt, but i don't know how..
I want do something like this :
when you push on + button, value will be bigger for 1 (0,12,3,4,5,6.... 10000)
when you push on - button, value will be smaller for 1 (10,9,8,7,6,5,4... 0)
解决方案$("#minus,#plus").click(function(){ var value = parseInt($(".numbertype").val(), 10); $(".numbertype").val(value + $(this).is("#minus") ? -1 : 1); });
I just wanted to see how to do it myself. Here's a toggle that will keep going on mouse down:
var i = null; var d = 0; var $numbertype = null; function ToggleValue() { $numbertype.val(parseInt($numbertype.val(), 10) + d); } $(function() { $numbertype = $(".numbertype"); $("#minus,#plus").mousedown(function() { d = $(this).is("#minus") ? -1 : 1; i = setInterval(ToggleValue, 100); }); $("#minus,#plus").on("mouseup mouseout", function() { clearInterval(i); }); });
working example: http://jsfiddle.net/M4BAt/5/
这篇关于jquery输入数字的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文