Question

<button type="button" value="1">1</button>
<button type="button" value="2">2</button>
<button type="button" value="3">3</button>

$(document).ready(function(){
  $('button').click(function() {
    alert($(this).attr('value'));
  })
});

由于某些原因，当我单击任何按钮时，都没有得到我想要的结果，这是一个警告框，其中打印了单击的按钮上标记的数字。如果要单击任何按钮，我希望弹出此警报消息。

Answer 1

导入jQuery库。您的应该代码应该可以正常工作。

将此添加到脚本标签上方

<script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

有关其他jQuery CDN的信息，请参见http://code.jquery.com/

学习jQuery的出色教程 https://www.w3schools.com/jquery/default.asp

Answer 2

使用.val()方法：

 $(this).val()

<!DOCTYPE html>
<html>

<head>
  <title></title>
</head>

<body>
  <button type="button" value="1">1</button>
  <button type="button" value="2">2</button>
  <button type="button" value="3">3</button>
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  $('button').click(function() {
    console.log($(this).val());
  })
</script>

</html>

使用JQuery访问按钮值

2 个答案: