我是javascript的新手。如何使用单个事件处理程序的四个按钮。 html和js都应该是单页面。提前谢谢。
<html>
<head>
<script>
myFunc() {
var fired_button = $(this).val(); alert(fired_button);
}
</script>
</head>
<body>
<input type="button" value="one" onClick="myFunc()"><br>
<input type="button" value="two" onClick="myFunc()"><br>
<input type="button" value="three" onClick="myFunc()"><br>
<input type="button" value="four" onClick="myFunc()"><br>
</body>
</html>
答案 0 :(得分:0)
由于您使用的是jquery
,因此您不需要onclick
属性,只需为所有按钮添加类似的类。并且不要忘记在js
个文件上添加jquery
js
个文件
$('.someClass').click(function() {
alert($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="someClass" type="button" value="one"><br>
<input class="someClass" type="button" value="two"><br>
<input class="someClass" type="button" value="three"><br>
<input class="someClass" type="button" value="four"><br>