Question

我有一个输入框和一个按钮并排。我为按钮创建了一个clic事件来获取按钮的值

<input type="text" id="amount" value="" name="amounts" />

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

这是事件代码

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

alert(amount);结果为空。为什么会这样？。

Answer 1

您尚未发布所有代码，因此无法确定。我可以说的是，如果清理了语法，那么你发布的内容就可以了。

但是，我通过缩进来猜测您声明var amount的位置和alert(amount)的位置不在同一范围内。

将var amount移到脚本的顶部（或者至少在处理事件的函数之外），一切都会很好。

Answer 2

您需要阅读Api documentation of jQuery以查看语法和功能完成后，使用它。

$('.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>

Answer 3

this

尝试以上代码..

从单击按钮事件中获取文本框的值

3 个答案: