数値入力に便利なステッパーを実装「Numeric Stepper」

「Numeric Stepper」は、数値用のステッパーを実装できるjQueryプラグインです。ダウンロード | デモ

スクリプト

<link href="jquery.stepper.min.css" type="text/css" rel="stylesheet">
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.stepper.min.js" type="text/javascript"></script>

実装

既存のテキストボックスにclassもしくはidを付与して、実装するだけです。

$("#input1014").stepper();

オプション

type

"float" - 小数値 / "int" - 整数値

floatPrecission

数値：小数点以下桁数

true/false：ボタン表示有無

allowWheel

true/false：マウスホィール操作を許可するか

allowArrows

true/false：クリック(矢印)操作を許可するか

arrowStep

数値：クリック(矢印)による数値の増減ティック

wheelStep

数値：マウスホィールによる数値の増減ティック

limit

[]：下限・上限を設定
例：[-5,5]など

preventWheelAcceleration

true/false：一部で使用できるwheelアクセラの効/無効(true:無効/false:有効)

incrementButton

文字列：インクリメント(増)用のボタン文字 "▴"

decrementButton

文字列：デクリメント(減)用のボタン文字 "▾"

他プラグイン
Bootstrap TouchSpin jQuery UI Spinner Spinner

: テーブル・リスト要素を便利にしてくれるプラグイン

レスポンシブに対応したテーブルを実装できる「FooTable」リストをインクリメント検索・ソートできる「List.js」 colResizable #カラム幅可変

: レスポンシブに対応したテーブルを実装できる「FooTable」

「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷

: レスポンシブにも対応したカレンダーを表示する「Calendario.js」

Calendarioは、レスポンシブデザインにも対応したカレンダ表示プラグインです。ダウンロードスクリプト実装 $(document).ready

: 定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」

PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや

: クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」

「jQuery Credit Card Validator」は、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。入力したカード番号の検証とそれに基づいてカード会社の表示を