测品娱乐
您的当前位置:首页正文

html form中 多个button的onclick()怎么处理?怎么知道点击的是哪个按钮?是要写多个onclick()函数吗?

来源:测品娱乐

有网友碰到这样的问题“html form中 多个button的onclick()怎么处理?怎么知道点击的是哪个按钮?是要写多个onclick()函数吗?”。小编为您整理了以下解决方案,希望对您有帮助:

解决方案1:

可以在check方法中,将对象本身传给函数.这样就可以获得点击按钮本身的属性等值.然后根据你的按钮属性这些值,进行分支判断.如下:
<html>
<head>
<script>
function check(obj) {
alert("点击按钮名称=["+obj.name+"],按钮value=["+obj.value+"]");
}
</script>
</head>
<body>
<input type= "Button" name ="add" value="添加" onClick ="check(this)"/>
<input type= "Button" name ="delete" value="删除" onClick ="check(this)"/>
<input type= "Button" name ="update" value="修改" onClick ="check(this)"/>
<input type= "Button" name ="search" value="查找" onClick ="check(this)"/>
</body>
</html>

解决方案2:

像这种处理最好用Jquery,

<input type= "Button" name ="add" id="add" value="添加" />
<input type= "Button" name ="delete" id="delete" value="删除" onClick ="check()"/>

<script>
$(function(){
("#add").click(function(){
//处理代码

})
("#delete").click(function(){
//处理代码
})

})

</script>

想合起来怎么行呢 ,毕竟是四个不同的事件,学学jquery吧

解决方案3:

你可以在每个button中加个自定义属性,比如<input type="button" name= "add" _type="0" onClick="cehck()" />,然后你点击后就可以获得这个_type的值 ,根据不同的值来区别是哪个button,希望可以帮到你!

解决方案4:

你每个功能都不一样你用相同方法做什么。你要用相同的函数就要传不同的参数。建议你每个功能用一个方法。这样你后面也好区分。

显示全文