標準動作

間隔と最大値を設定(間隔4、最大値22)

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.fs.stepper.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fs.stepper.min.js"></script>
<script>
    $(window).load(function(){
		$('input[type=number]').stepper();
    });
</script>
<div class="Stepper-box">
	<p class="title">標準動作</p>
	<input type="number" value="0" />
</div>

<div class="Stepper-box">
	<p class="title">間隔と最大値を設定(間隔4、最大値22)</p>
	<input type="number" min="2" max="22" step="4" data-stepper-options='{"labels":{"up":"Increase","down":"Decrease"}}' value="2" />
</div>

Stepperについて

Stepperは、マウス操作で数字をカウントアップ、ダウンで入力させるプラグインです。
アップ、ダウンの間隔や、最大値、最小値をオプションで設定できます。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • ClearableTextField

    ClearableTextField

    入力フォームに文字を入力すると文字削除用のボタンを表示

  • selectize

    selectize

    inputボックス、selectボックスなどの入力ボックスの使い勝手を向上してくれる

  • SlidingLabels

    SlidingLabels

    入力フォームのラベルに動きをつける

  • Selecter

    Selecter

    セレクトボックスの見た目、使い勝手を向上してくれる

  • Formly

    Formly

    簡単にフォームにきれいなスタイルを設定することができる