jQuery spin button html form control | EGrappler

Windowsのスピンボタンコントロールを実装できるjQueryプラグイン「Smart Spin」。
上下矢印がついていて、数値をアップ・ダウンできるコントロールが実装できるjQueryプラグインです。
通常のHTMLでは数値を入力してもらったりする必要がありますが、このコントロールを使えばクリックでパラメータ調整ができます。
こうしたUIが適しているところもありそうなので知っておいてもよいかも。



ホイールも効くみたいです。

<input type="text" id="spn" class="smartspinner" />

実装は<input>を定義して、spinitでオプション指定しつつ初期化するというもので簡単。

$('#spn').spinit({min:2,max:200,stepInc:2,pageInc:pageInc, height: 22 });

関連エントリ

• ３つの状態を保持できるフォームエレメント実装jQueryプラグイン「jQuery 3 State Switch」
• フォーム要素をクールにするためのjQueryプラグイン集
• パスワード用フィールドを便利にするjQueryプラグイン「showPasswordField」