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

时间:2016-07-10 05:35:28

标签: jquery

我有一个输入框和一个按钮并排。我为按钮创建了一个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);结果为空。为什么会这样?。

3 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

您需要阅读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>

答案 2 :(得分:0)

this

尝试以上代码..