如何使用jquery获取输入框中微调器的值

我使用的是引导式微调器，在微调器中按下加号按钮和减号按钮时如何获得值

通过jquery

 var spinner = $("#spinner").spinner({
                min: 0,
                max: 5,
                create: function (event, ui) {
                    //add custom classes and icons

                    $(this)
                    .next().addClass('btn btn-success').html('<i class="ace-icon fa fa-plus"></i>')
                    .next().addClass('btn btn-danger').html('<i class="ace-icon fa fa-minus"></i>')

                    //larger buttons on touch devices
                    if ('touchstart' in document.documentElement)
                        $(this).closest('.ui-spinner').addClass('ui-spinner-touch');
                }, 
            });

var spinner=$（“#spinner”）.spinner({
分:0,，
最高：5，
创建：函数（事件、用户界面）{
//添加自定义类和图标
$（本）
.next（）.addClass（'btn btn success'）.html（“”）
.next（）.addClass（'btn btn danger'）.html（“”）
//触摸设备上的较大按钮
if（document.documentElement中的“touchstart”）
$（this）.closest（'.ui微调器'）.addClass（'ui-spinner-touch'）；
}, 
});

请试试这个

if($("#spinner").next().hasClass("btn") && $("#spinner").next().hasClass("btn-success")){
    alert("plus")
}
else{
    alert("minus")
}

---

请试试这个

if($("#spinner").next().hasClass("btn") && $("#spinner").next().hasClass("btn-success")){
    alert("plus")
}
else{
    alert("minus")
}

完成这项工作

我使用Bootstrap和JQuery创建了新的Fiddle

HTML代码

最低：-10

最高：40

JQuery函数

$（函数（）{
var作用；
$（“.number微调器按钮”）.mousedown（函数（）{
btn=$（本）；
input=btn.最近（'.number微调器'）。find（'input'）；
btn.closest（'.number微调器'）。find（'button'）。prop（'disabled'，false）；
如果（btn.attr（'data-dir'）=='up'）{
action=setInterval（函数（）{
if（input.attr（'max'）==未定义的| | parseInt（input.val（））parseInt（input.attr（'min'））{
val（parseInt（input.val（））-1）；
}否则{
btn.道具（“禁用”，真实）；
间隙（动作）；
}
}, 50);
}
}).mouseup（函数（）{
间隙（动作）；
});
});

简单且响应迅速。

完成这项工作

我使用Bootstrap和JQuery创建了新的Fiddle

HTML代码

最低：-10

最高：40

JQuery函数

$（函数（）{
var作用；
$（“.number微调器按钮”）.mousedown（函数（）{
btn=$（本）；
input=btn.最近（'.number微调器'）。find（'input'）；
btn.closest（'.number微调器'）。find（'button'）。prop（'disabled'，false）；
如果（btn.attr（'data-dir'）=='up'）{
action=setInterval（函数（）{
if（input.attr（'max'）==未定义的| | parseInt（input.val（））parseInt（input.attr（'min'））{
val（parseInt（input.val（））-1）；
}否则{
btn.道具（“禁用”，真实）；
间隙（动作）；
}
}, 50);
}
}).mouseup（函数（）{
间隙（动作）；
});
});

简单且反应灵敏

$(function() {
var action;
$(".number-spinner button").mousedown(function () {
    btn = $(this);
    input = btn.closest('.number-spinner').find('input');
    btn.closest('.number-spinner').find('button').prop("disabled", false);

    if (btn.attr('data-dir') == 'up') {
        action = setInterval(function(){
            if ( input.attr('max') == undefined || parseInt(input.val()) < parseInt(input.attr('max')) ) {
                input.val(parseInt(input.val())+1);
            }else{
                btn.prop("disabled", true);
                clearInterval(action);
            }
        }, 50);
    } else {
        action = setInterval(function(){
            if ( input.attr('min') == undefined || parseInt(input.val()) > parseInt(input.attr('min')) ) {
                input.val(parseInt(input.val())-1);
            }else{
                btn.prop("disabled", true);
                clearInterval(action);
            }
        }, 50);
    }
}).mouseup(function(){
    clearInterval(action);
});
});