单击事件处理程序,用于四次按钮

时间:2017-10-16 03:36:32

标签: javascript html

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

1 个答案:

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