我如何讀取使用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的圓形滑塊的值？

回答

相關問題