jquery输入数字

标签 jquery html types input numbers

<分区>

Possible Duplicate:
Is it possible to customize an input field for amounts with +- buttons?

如何为

制作 +(加号)和 -(减号)值按钮

<input type="number" class="numbertype" value="10">

我认为可以使用 jQuery 或简单的 javascipt,但我不知道如何......

我想做这样的事情:

Input tyoe number with + and -

当你按下 + 按钮时,值会变大 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/

关于jquery输入数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9112970/

相关文章:

javascript - FluentAutomation 和查找元素同级

javascript - jqGrid - colNames 和 <> colModel 的长度!错误

javascript - 固定数据表上的列宽

javascript - 使用javascript在客户端动态创建面包屑

types - Julia 中的文字类型

sql-server - DateTime 与 DateTime2 时间范围差异

javascript - "full-window"幻灯片图片拉伸(stretch)错误

html - Google 文档查看器有时无法在 iframe 中加载内容

ios - 无法将类型 'Result' 的值转换为预期的参数类型 'EmailContentData'

jquery - 消除 Windows Phone 7 中的点击突出显示?