jQueryを使用してHTMLの入力値を計算し、入力値を直接表示するにはどうすればよいですか?

テキスト入力フィールドの値を取得するために使用できる JavaScript メソッドがいくつかあります。 jQuery .val() メソッドを使用して、スクリプト内のテキスト入力フィールドの値にアクセスしたり、その値を設定したりできます。

この記事で実行するタスクは、JQuery を使用して HTML 入力値を計算し、それらを直接表示することです。より深く理解するために、この記事を詳しく見てみましょう。

JQuery の val() メソッドを使用する

input、select、textarea などのフォーム コンポーネントの値を取得するには、.val() 関数を使用します。空のコレクションに対して呼び出された場合、unknown が返されます。

以下は .val() メソッドの構文です

Example

Example

以下の例では、HTML 入力値を計算し、それらを Web ページに直接表示するスクリプトを実行しています。

スクリプトが実行されると、Web ページ上の入力フィールドとクリックされたボタンで構成される出力が生成されます。ユーザーが値の入力を開始すると、価格と割引が差し引かれ、金額が表示されます。

Example

Example

スクリプトを実行して入力値を Web ページに直接表示する次の例を考えてみましょう。

上記のスクリプトを実行すると、出力ウィンドウがポップアップ表示され、Web ページ上の入力フィールドが表示されます。ユーザーが入力フィールドに入力を開始すると、CSS が適用されたテキストが Web ページに直接表示されます。

Example

Example

次のスクリプトを実行して、入力したテキストを Web ページに直接表示する方法を確認します。

スクリプトが実行されると、入力フィールドとクリックされたボタンを含む出力が Web ページ上に生成されます。ユーザーがテキストを入力してボタンをクリックすると、入力フィールドのテキストを含むアラートが Web ページに表示されます。

以上がjQueryを使用してHTMLの入力値を計算し、入力値を直接表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。