我如何读取使用jQuery的圆形滑块的值？

我有一个圆滑块，我已经在一些网站的帮助下做出来的。现在我尝试读取数据库中滑块和存储值的当前值。但我努力获得滑块值。默认情况下，滑块显示该值。但无法使用它。我需要将此值存储在变量中并进一步使用它。有人可以帮忙吗？我如何读取使用jQuery的圆形滑块的值？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery roundSlider - JS Bin</title> 

    <script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
    <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.css"> 
    <script src="//cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.js"></script> 
</head> 

<body> 
    <h2>roundSlider</h2> 
    <div id="slider"></div> 
    <div id="range"></div> 
</body> 
</html> 


$("#slider").roundSlider(
{ 
     value:0, 
     min: 0, 
     max: 100, 
     step: 1, 
     sliderType: "min-range", 
     slide: function(event, ui) { 
      alert(ui.value); 
     } 

    } 
);

来源

2017-05-30 nawas

没有能够看到“roundslider.js”，很可能是个猜测，但你尝试过：'$（“＃滑盖” ）.roundSlider（“值”）'？ –

是的。 http://roundsliderui.com/document.html#getValue ** getValue（）：**没有任何参数，它将返回当前的滑块值。 – Roy

slider_value = ui.value; $（“＃range”）。html（slider_value）; – nawas

如果该值已更改，您可以通过更改事件

change(event, ui)

事件（事件对象保证要传递给事件处理程序）
UI决定：处理（表示已更改的句柄），handleIndex（移动的句柄的数字索引），值（滑块的当前值）。

你必须写这样

$("#slider").roundSlider(
{ 
     value:0, 
     min: 0, 
     max: 100, 
     width: 30, 
     step: 1, 
     sliderType: "min-range", 
     change: function (args) { 
       console.log(args.value); 
      $('#range').html(args.value) 
     }   
    } 
);

改变事件见demo这里

来源

2017-05-30 08:33:34 Nidhi

是的它的工作原理！但是，当我尝试创建警报时，它显示为[对象对象]而不是值 – nawas

警报框仅显示特定的文本。它将一个对象转换为字符串，但警告函数不理解objects.so，如果你真的想警告对象写这样的'alert（JSON.stringify（args））; '或使用console.log（args）。@ nawas – Nidhi

追加此事件处理...

$("#slider").roundSlider({ 
    change: function (e) { 
     console.log(e.value); 
    } 
});

时，你只读取提交等，您可以直接读取它的价值，在其他情况下，它可以读取而变化ISN值'T完成

来源

2017-05-30 07:36:30

请解释一下。 –

尽管此代码可能会回答问题，但提供有关如何解决问题和/或解决问题原因的其他上下文会提高答案的长期价值。 – Badacadabra

可以使用drag事件，并通过使用$("#slider").roundSlider("option", "value")Fiddle

JS外：

$("#slider").roundSlider(
{ 
     value:0, 
     min: 0, 
     max: 100, 
     step: 1, 
     sliderType: "min-range", 
     drag: function (event, ui) { 
      console.log(this.getValue()); 
     }, 
     slide: function(event, ui) { 
      alert(ui.value); 
     } 

    } 
);

来源

2017-05-30 07:40:42 RonyLoud

我可以得到滑块内的值。但我可以将其作为变量存储吗？例如，var slidervalue = something – nawas

您可以使用'$（“＃slider”）在任意位置读取数值。roundSlider（“option”，“value”）' – RonyLoud

我如何读取使用jQuery的圆形滑块的值？

回答

相关问题