ホームページ > 記事 > ウェブフロントエンド > スピン ボタンのカスタム テキスト ボックスの値は、jQuery_jquery に基づいて増減します。
スピン ボタンのカスタム テキスト ボックスの値は、jQuery_jquery に基づいて増減します。
- WBOYオリジナル
- 2016-05-16 18:23:031270ブラウズ
フォームをデザインするときに、テキスト ボックスの値の自動インクリメントまたは自動デクリメント関数を実装する必要がある場合があります。たとえば、デフォルトは 1 です。指定したステップ値を増やすには上ボタンをクリックし、ステップ値を増やすには下ボタンをクリックします。指定されたステップ値を減らすには、jQuery プラグイン jQuery Spin Button を使用します。この機能を実装するには、数行のコードのみが必要です。
使用説明書
1. jQuery ライブラリ ファイルと jQuery Spin Buttonライブラリ ファイル (現在のバージョン 1.1.1)
マテリアルの準備
上下ボタンの画像、デフォルトのパスは/img/spin/、上ボタンと下ボタンの画像の名前はspin-button.png、カスタム変更が可能です
サンプルコード
1、ファイル部分
コードをコピー コードは次のとおりです: