jquery - ボタンクリック時にテキストボックスの値を取得するJQuery

Question

入力されたテキストボックスの値を警告する必要があるため、次のようにしています。HTML コード:

<input type="text" id="textbox1"  class="cal" />

JQuery コード:

$(document).ready(function () {
    var get = $("#textbox").val();
   $("#calculate").click(function () {
     alert(get);

    });
});

クリックすると、常に未定義と表示されます。なぜですか? ありがとう。

score 4 · Accepted Answer

変化する

var get = $("#textbox").val();

に

var get = $("#textbox1").val();

したがって、idターゲットとしているは HTML と一致し、イベントハンドラー内に配置します。

$(document).ready(function() {
   $("#calculate").click(function () {
       var get = $("#textbox1").val();
       alert(get);
    });
});

したがって、ドキュメントの読み込み時ではなく、ボタンをクリックしたときに値を取得しています。

score 1 · Accepted Answer

あなたの id はtextbox1で、クリックしたときに値を取得するか、初期値を取得するだけです。

$(document).ready(function () {
   $("#calculate").click(function () {
       alert( $("#textbox1").val());
    });
});

2 に答える 2