ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでテキストボックスの値を取得するにはどうすればよいですか?

jQueryでテキストボックスの値を取得するにはどうすればよいですか?

藏色散人
リリース: 2019-03-28 10:38:51
オリジナル
4223 人が閲覧しました

この記事では、jQuery を使用してテキスト ボックスの値を取得する方法を紹介します。困っている友人の役に立てば幸いです。

jQueryでテキストボックスの値を取得するにはどうすればよいですか?

以下は、テキスト ボックスの値を取得する jQuery メソッドを紹介する簡単なコード例です。

HTML コードの例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-git.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>如何使用jQuery获取文本框的值</title>
</head>
<body>
<input type="text" value="输入内容">
</body>
</html>
ログイン後にコピー

JavaScript コードは次のとおりです:

$( "input" )
  .keyup(function() {
    var tvalue = $( this ).val();
    console.log(tvalue);
  }).keyup();
ログイン後にコピー

出力:

jQueryでテキストボックスの値を取得するにはどうすればよいですか?

注: jQuery keyup() メソッドは、キーボードのキーが放されたときに keyup イベントが発生することを示します。 keyup() メソッドは、keyup イベントをトリガーするか、keyup イベントの発生時に実行する関数を指定します。

関連する推奨事項: 「jQuery チュートリアル 」 「javascript チュートリアル

この記事は、テキスト ボックスの値を取得する方法について説明しています。 jQuery. 困っている方のお役に立てれば幸いです。

以上がjQueryでテキストボックスの値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート