从 jQuery 中的 ionRangeSlider 获取值 - Javascript

ionRangeSlider 是一个非常流行的 jQuery 插件，它允许用户通过滑块来选择一个范围。如果您需要在javascript中获取这个滑块的值，并将其用于其他目的，本文章将帮助您实现这个目标。

步骤

1.首先，您需要在HTML中将ionRangeSlider插件添加到您的滑块输入中。确保在您的HTML头部引用了jQuery和ionRangeSlider的库文件。

<input type="text" id="myRange" name="myRange" value="" />

2.您需要为这个滑块定义一个初始值，可以像下面这样初始化：

$("#myRange").ionRangeSlider({
    min: 0,
    max: 100,
    from: 0,
    to: 100,
    type: 'double',
    step: 1,
    prefix: "$",
    grid: true
});

3. 现在可以通过以下方式获得滑块的选择值：

var slider = $("#myRange").data("ionRangeSlider");
var from = slider.result.from;
var to = slider.result.to;
console.log(from, to);

代码片段

<input type="text" id="myRange" name="myRange" value="" />

$("#myRange").ionRangeSlider({
    min: 0,
    max: 100,
    from: 0,
    to: 100,
    type: 'double',
    step: 1,
    prefix: "$",
    grid: true
});

var slider = $("#myRange").data("ionRangeSlider");
var from = slider.result.from;
var to = slider.result.to;
console.log(from, to);

结论

ionRangeSlider是一个非常流行的jQuery插件，它允许用户通过滑块来选择一个范围。通过上述代码片段，您可以在javascript中获取和使用滑块的值，并将其用于其他目的。