jquery-ui - 递增/递减后如何从jquery ui spinner获取旧值和新值

Question

我们有两个输入框..都有 jquery ui 微调器..取决于一个微调器的值，其他微调器的值应该改变。

例如，第一个输入框的值为“10” 第二个输入框的值为“2”..如果我们在第一个输入框的值增加 4 时增加第二个输入框，那么第一个输入框的新值将变为“14”，如果我们减少值一次然后第一个输入框的值递减它将变为“6”

帮助我们如何实现这一点

Answer 1

You can use spinner spin event and use ui to get current changed value and Since, the original value is still not changed in this event you can use $(this).val() to get the old value.

 $("#spinner").spinner({
    spin : function(event,ui){
        //Gives Previous value
        console.log($(this).val());
        //Gives current value
        console.log(ui.value);
        if($(this).val()<ui.value){
            console.log("Increment");
        }else             
           console.log("decrement");
    }
});

See the Fiddle