クリックボタンイベントからテキストボックスの値を取得

Question

私は入力ボックスとボタンを並べています。私は、これは、イベントコード

'click .breakbtn': function(event) { 
    event.preventDefault(); 
    var amount = $("#amount").val(); 
alert(amount); 

alert(amount);が空判明しているボタンの値を取得するためにボタンの

をclicクリックイベントを作成しました。なぜこれが当てはまるのですか？

Answer 1

あなたはすべてのコードを投稿していないので、確実に言うことはできません。私が言うことは、構文がクリーンアップされていれば、あなたが投稿した内容がうまくいくということです。

しかし、var amountを宣言している場所とalert(amount)がある場所が同じ範囲にないことを私は推測しています。

スクリプトの先頭（または少なくともイベントを処理する関数の外側）に移動してください。すべてうまくいくでしょう。

Answer 2

構文と機能については、Api documentation of jQueryを読む必要があります。
完了、これを使用してください。

Answer 3

$("#btn").click(function(event) { 
    event.preventDefault(); 
    var amount = $("#amount").val(); 
    alert(amount); 
}); 

上記のコードを試してみてください

$('.breakbtn').on('click', function(event) { 
 
    event.preventDefault(); 
 
    var amount = $("#amount").val(); 
 
alert(amount); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="amount" value="" name="amounts" /> 
 

 
<button class="breakbtn" id="btn">Button</button>

は...