javascript - 如何获取输入按钮点击的值？

Question

我是 javascript 的新手，如果这不是技术性的，我很抱歉。

我有一个html

 <button type="button" id="btnlocation" value="chicken">Click me</button>

所以我试图将字符串值“chicken”传递给按钮点击函数

$('#btnlocation').click(function (value) {

  alert(value);  // This should output chicken 


}

但它输出的是 [Object]、[Object] 那么我如何获取值或将其转换为字符串？

谢谢

Answer 1

first argument in callback refers to event object .要获取值，请使用 this.value 或 $(thid).val() 其中this 指的是被点击元素的dom对象。

$('#btnlocation').click(function () {
  alert(this.value);
  // or
  alert($(this).val());  
})

$('#btnlocation').click(function() {
  console.log(this.value);
  // or
  console.log($(this).val());
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="btnlocation" value="chicken">Click me</button>