Question

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

我有一个HTML

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

所以我试图传递字符串值＆＃34; chicken＆＃34;进入按钮点击功能

$('#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());  
})

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

你应该使用this

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

  alert($(this).val());  // This should output chicken 


});

Answer 3

获取值使用$（this）.val（）获取按钮使用的id $（本）.attr（＆＃34; ID＆＃34）

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


      alert($(this).val()); // this is used get the value

      alert( $(this).attr("id")); // this is used to get the id of the button

    });

Answer 4

试试这个

$(document).ready(function(){
    $('#btnlocation').click(function(){
        alert($('#btnlocation').val());
    });
});

Answer 5

将事件自身传递给on事件方法是理想的。从那个事件中你可以得到你想要的那个元素。

您可以按照以下方式更改JavaScript：

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

 alert(e.target.value);  // This should output chicken 


});

如何获取输入按钮的值？

5 个答案: