jqueryはクリックして数値を追加するを実装します

方法: 1. ボタン ボタンを作成し、クリック イベントをバインドし、イベント処理関数を指定します。 2. イベント処理関数で、「$(数値オブジェクト).val();」ステートメントを使用して、 get 数値​​; 3. 「$(数値オブジェクト).val(数値*1 1);」文を使用して、取得した値に1を加算します。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jquery をクリックして数値を追加するメソッド

1. 使用方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。 jquery は、マウスをクリックしてプラス記号のテキスト ボックスの数値に 1 を加算する機能を実装します。 input タグを使用してテキスト ボックスを作成し、そのデフォルト値を 1 に設定します。 input タグの ID を myput に設定します。これは主に、以下のこの ID を通じて入力オブジェクトを取得するために使用されます。

test.html ファイルで、button タグを使用して、ボタン名が「」プラス記号のボ​​タンを作成します。 onclick クリック イベントをボタンにバインドし、ボタンがクリックされると addone() 関数が実行されます。

2. js タグ内に addone() 関数を作成し、関数内で id(myput) を介して入力オブジェクトを取得し、val() メソッドを使用しますを取得して値を取得し、取得した値に 1 を加算した後、val() メソッドで入力に値を代入し直すことで、テキスト ボックス番号に 1 を加算する操作を実現します。

test.html ファイルをブラウザで開き、プラス記号をクリックして効果を確認します。

#ボタンをクリックした後

概要:

1. test.html ファイルを作成します。 。

2. ファイル内で、input タグを使用してテキスト ボックスを作成し、input タグの ID を myput に設定し、js 関数の実行をトリガーするボタン button を作成します。

3. js タグ内に関数を作成し、関数内で id(myput) を介して入力オブジェクトを取得し、val() メソッドを使用してその値を取得し、取得した値に 1 を加算します。次に、val() メソッドを通じて入力に値を再代入することで、テキスト ボックスの番号に 1 を加算する操作を実現します。

注意事項

res 値は 1 倍され、主に文字列を数値型に変換するために使用されます。

プログラミング関連の知識について詳しくは、

プログラミング ビデオをご覧ください。 ！

以上がjqueryはクリックして数値を追加するを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。