jquery - jQuery のスライダーから値を取得し、その値を 1 つの変数に保存します

Question

を使用してスライダーを作成しましたhtml.<input type="range" name="slider-fill" id="accountLup" value="0" min="0" max="365" data-highlight="true" />。

この値をスライダーから取得し、1 つの変数に保存したいと考えています。どうすればこれについて行くことができますか？

score 0 · Accepted Answer

jquery uiスライダーを使用する場合は、それを使用する必要があると思います。

// getter
var value = $( ".selector" ).slider( "option", "value" );

// setter
$( ".selector" ).slider( "option", "value", 10 );

または方法を介して

var selected_value = $( ".selector" ).slider( "value" );

「.selector」は、スライダーとして使用する要素に割り当てられたクラスの名前です。例えば：

<div class="selector"></div>

詳細はこちら

ドキュメントの準備ができたら、「スライダー」をバインドすることも忘れないでください。

$(function() {
$( ".selector" ).slider();
$("#button_to_show_value").click(function (){
     alert($( ".selector" ).slider( "value" ));
  });
});

ボタンをクリックした後に値を表示する

<input type="button" id="button_to_show_value" value="click to show value" />

score 0 · Accepted Answer

var YourVariable = $( "#sliderId" ).slider( "value" );

スライダーの詳細については、こちらをご覧ください。

2 に答える 2