標準動作

間隔と最大値を設定(間隔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プラグイン

  • timepicker

    timepicker

    時間の入力を簡単にしてくれる

  • iCheck

    iCheck

    チェックボックス、ラジオボタンのなどの見た目をPC,スマホ、クロスブラウザで統一できる

  • selectize

    selectize

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

  • DependentSelects

    DependentSelects

    セレクトボックスの選択に応じて、次のセレクトボックスの内容を動的に変更

  • pickadate

    pickadate

    入力フォームに日付や時間をピッカーから選択できるUIを簡単に設置できる