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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html form中 多个button的onclick()怎么处理?怎么知道点击的是哪个按钮?是要写多个onclick()函数吗?相关的知识,希望对你有一定的参考价值。

有没有别的办法?我是菜鸟,虚心请教大牛们:谢谢
<input type= "Button" name ="add" value="添加" onClick ="check()"/>
<input type= "Button" name ="delete" value="删除" onClick ="check()"/>
<input type= "Button" name ="update" value="修改" onClick ="check()"/>
<input type= "Button" name ="search" value="查找" onClick ="check()"/>

function check()

可以在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>
参考技术A 你可以在每个button中加个自定义属性,比如<input type="button" name= "add" _type="0" onClick="cehck()" />,然后你点击后就可以获得这个_type的值 ,根据不同的值来区别是哪个button,希望可以帮到你! 参考技术B 你每个功能都不一样你用相同方法做什么。你要用相同的函数就要传不同的参数。建议你每个功能用一个方法。这样你后面也好区分。 参考技术C 像这种处理最好用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吧

多个按钮提交一个form表单

多个按钮提交一个form表单,然后执行控制层不同的方法

在button的onclick事件下可以重写form的action属性

<button class="common_button" onclick="form1.action=‘${ctx }/report/drainExcel‘;form1.submit();">导出Excel</button>

以上是关于html form中 多个button的onclick()怎么处理?怎么知道点击的是哪个按钮?是要写多个onclick()函数吗?的主要内容,如果未能解决你的问题,请参考以下文章

在 <form> 标记内,require_once 之后的所有 HTML 标记都消失了 PHP

winform如何在一个form中修改另一个form控件属性

ng4学习笔记----Form表单一

多个按钮提交一个form表单

Firemonkey 多个 Form 创建与显示

VB里的Button 按钮代码怎么写成多选按钮的那种