Possible Duplicate:
Is it possible to customize an input field for amounts with +- buttons?
如何为
制作 +(加号)和 -(减号)值按钮
<input type="number" class="numbertype" value="10">
?
我认为可以使用 jQuery 或简单的 javascipt,但我不知道如何......
我想做这样的事情:
当你按下 + 按钮时,值会变大 1 (0,12,3,4,5,6.... 10000)
当你按下 - 按钮时,值会变小 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);
});
我只是想看看自己怎么做。这是一个将继续按下鼠标的切换:
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);
});
});
工作示例:http://jsfiddle.net/M4BAt/5/