Javascript 如何获得滑块引导的值？

如何将滑块引导的值获取到隐藏的IPUT

$function{ $slider-range-s1.slider{ 范围：对， 分:0,， 最高：500， 值：[0，500] }; };

---

我想它现在坏了

文件规定：

方法

.滑块'getValue'

获取值

然而，调用$'sliderDivId'.slider'getValue'返回jQuery选择器，而不是值

现在，您可以从数据对象手动获取它。。。 $'sliderDivId'。数据'slider'。获取值

快速修复：

$.fn.slider = function (option, val) {

    if (typeof option == 'string') {
        if (this.length) {
            var data = this.eq(0).data('slider');
            if (data)
                return data[option](val);

            return null;
        }
    }

    return this.each(function () {
        var $this = $(this),
            data = $this.data('slider'),
            options = typeof option === 'object' && option;
        if (!data) {
            $this.data('slider', (data = new Slider(this, $.extend({}, $.fn.slider.defaults, options))));
        }
    })
};

---

在撰写本文时，它有点脆弱，但你可以让它工作：

1/确保指定空范围起始值[0]。除非您这样做，否则其内部值字段将变得未定义，例如

$('#setBidDialogSlider').slider({ value: [0], max: max, step: 0.2, formater: function(v) { return v.toFixed(2)+"BTC" } });

2/现在您终于可以捕获事件中的值了

$('#setBidDialogSlider').slider().on('slide', function(ev) {
    $scope.dialog.order_value = ev.value*$scope.dialog.price;
});

---

我知道我迟到了，但这仍然是坏的，但要修复它，请打开bootstrap-sliders.js并注入以下三种内容：

第一个函数的末尾：滑块：

右前：返回val；在calculateValue函数中

在$.fn.slider函数之后：

$.fn.sliderValue = function(){
    return grandVal;
};
var grandVal;

---

现在，您可以通过$'MySliderId'访问该值。sliderValue

问题是，slider div和slider div内部的输入中有多个元素具有相同的ID，在本例中为$'sliderDivId'。如果使用JQuery选择输入元素，则可以使用SliderAPI

$('input[id="sliderDivId"]').slider('getValue')

---

您可以从内置函数中使用它

$( "#slider-range-s1" ).slider({
    range: true,
    min: 0,
    max: 500,
    value: [ 0, 500 ]
    slide: function( event, ui ) {
        // u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    },
    change: function(event, ui) {
        // or u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    }
});

---

谢谢你们，我想我可以和你们分享这个：D

试试$selector.slider'getValue'。你们的回答为我和我的搭档节省了很多时间和麻烦！非常感谢。你的回答是正确的。这节省了我很多时间。谢谢为我节省了时间，干杯。我如何得到最小值和最大值，也请解释一下。这是可行的，但我的输出中似乎有两个值。知道为什么吗？尝试了这个，但是ev.value返回未定义=非常感谢。ev.value工作完美！返回范围滑块数组。修复此插件的道具，可能需要提交拉取请求！

$('input[id="sliderDivId"]').slider('getValue')

$( "#slider-range-s1" ).slider({
    range: true,
    min: 0,
    max: 500,
    value: [ 0, 500 ]
    slide: function( event, ui ) {
        // u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    },
    change: function(event, ui) {
        // or u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    }
});