jQueryUIでスライダーを表示する

求人

jQueryUIでスライダーを表示します。

数値を入力する時にスライダーを使用します。

まずjqueryとjquery-ui.min.js、jquery-ui.cssをプリロードします。

スライダーにはいろいろなオプションがあります。

max スライダーの最大値
min スライダーの最小値
range “min” or “max”
value スライダーの初期値
スライダーを動かすとセレクトボックスの値が変わり、逆にセレクトボックスの値を変えても、スライダーの値は変わりません。

セレクトボックス変更時にスライダーを変更するにはセレクトボックスのchangeイベントに処理を記述する必要があります。

スライダー自体はあまり使い道がないように思います。

DEMO

jquery.uiの詳細はこちらをどうぞ。

jQueryUIでスライダーを表示する

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくば、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA