使用JQuery访问按钮值
使用JQuery访问按钮值
提问于 2019-03-25 07:48:57
<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'));
})
});由于某些原因，当我单击任何按钮时，我都得不到我想要的结果，这是一个警告框，它打印出所单击按钮上标记的数字。如果单击任何按钮，我希望弹出此警报消息。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-03-25 07:59:53
导入jQuery库。你的代码应该按原样工作。
将其添加到您的script-tag之上
<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的绝佳教程
Stack Overflow用户
发布于 2019-03-25 08:34:11
使用.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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55329670
复制相关文章
相似问题