多个button的onclick()怎么处理

最新推荐文章于 2023-03-11 20:54:32 发布

转载最新推荐文章于 2023-03-11 20:54:32 发布 · 518 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaopihai988/p/4775821.html

本文介绍如何在JavaScript中通过按钮的onClick事件获取按钮的name和value属性，并通过对象参数传递实现更灵活的事件处理。

有没有别的办法？我是菜鸟，虚心请教大牛们：谢谢
<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>

转载于:https://www.cnblogs.com/xiaopihai988/p/4775821.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30410999

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

精选资源

关于asp.net button按钮的OnClick和OnClientClick事件

01-21

一般我们用 OnClientClick验证我们的提交数据，但是这个一定要返回ture或者false，即一定要加上return，否则... 您可能感兴趣的文章:asp.net下linkbutton的前后台使用方法asp.net button 绑定多个参数js触发asp.net的B

js触发asp.net的Button的Onclick事件应用

12-07

在asp.net引入事件驱动之后，在一个页面上很容易解决多个按钮触发不同事件的问题，避免了在asp中需要多个form或者通过js脚本来控制的麻烦。 asp.net带来便利的同时，也带来一个问题。在实际应用中一个页面存在多个...

参与评论您还未登录，请先登录后发表或查看评论

多个onclick在一起只执行最后一个的问题解,其它是事件处理引发的问题 (JavaScript的监听事件函数attachEvent和addEventListener)

07-21

5775

JavaScript的监听事件函数attachEvent和addEventListener使用方法第一：当同一个对象使用.onclick的写法触发多个方法的时候，后一个方法会把前一个方法覆盖掉，也就是说，在对象的onclick事件发生时，只会执行最后绑定的方法。而是用事件监听则不会有覆盖的现象，每个绑定的事件都会被执行。但是IE家族先执行后绑定的方法，也就是逆绑定

input 控件里同时使用onclick onserverclick

aqimide的专栏

05-09

1622

input 控件里同时使用onclick onserverclick

jq 多个 <button> 的点击事件普通版

lili518的博客

07-11

1036

$(document).ready(function(){ $(document).on("click", "button", function () { var uid = this.getAttribute('uid'); alert("lenght = " + $(this).length + "

onclick绑定多事件

helax的博客

01-30

8769

缘由：我需要在一个带链接的a标签上添加一个单击响应事件，但是它已经绑定了一个响应事件且不可去掉。如下： html lang="zh-cn"> head> meta charset="UTF-8"> title>测试title> head> body> a target="_blank" href="http://www.baidu.com" onclick="return

android 多个按钮响应,Android学习—Button的四种OnClick响应方法

weixin_28595749的博客

05-26

581

在Android或Java开发中，对于button的OnClickListener有下面四种实现方式，可以根据需要选择合适的用法。方法一：适合场景：通用Buttonbt_Demo=(Button)findViewById(R.id.bt_Demo);bt_Demo.setOnClickListener(newOnClickListener(){@Overridepublicvoidon...

asp.net button 绑定多个参数

01-20

本文将详细讲解如何在ASP.NET中为一个Button控件绑定多个参数，并结合给定的代码示例来解析其工作原理。首先，我们要明白在ASP.NET中，Button控件通常用于执行服务器端的操作。当用户点击按钮时，ASP.NET会引发一...

from表单多个按钮提交用onclick跳转不同action

12-12

input type=”button” class=”mulButton” name=”Ids” id=”allcheck” onclick=”manySend(‘ad/BusinessAction!sendmany.action’)” value=”批量导入到成功案例”/> [removed] //js方法如下 function ...

多个Button监听源码

04-19

本文将深入探讨如何实现多个...通过合理地组织代码和利用接口，我们可以有效地管理多个Button的事件处理，提高代码的可读性和可维护性。同时，理解源码中的事件分发机制也能帮助我们更好地理解和优化应用程序的性能。

input按钮onclick事件大全

05-11

input按钮onclick事件大全input按钮onclick事件大全

同一个元素绑定多个onclick事件

热门推荐

wx13227855087的博客

09-11

1万+

废话不多说，直接上代码，如下： <div class="row" id="row" onclick="A();B()"> <script type="text/javascript" src=""> function A(){ alert("aaa"); } function B(){ alert(&q

android 多个onclicklistener,Android响应onClick方法的五种实现方式

weixin_29094301的博客

05-26

572

在Android的开发中，对于点击事件的OnClickListener有下面四种实现方式，可以根据实际场景的需要选择合适的用法。下面以Button按钮来举例说明。方法一：适合场景：任何场景都通用，但对于一个Activity中要是有多个控件要实现onClick方法就会显得代码冗余。Button bt_Demo = (Button)findViewById(R.id.bt_Demo);bt_Demo....

button执行onclick函数_在函数式编程中使用自定义React Hooks

weixin_39883065的博客

11-26

540

作者 | Oren Farhi 译者 | 王强策划 | 李俊辰在本文中我决定走技术路线，分享我编写自定义 hooks 和集成某些函数式编程策略的经验。本文介绍了一个自定义 hook：useRecorder()。本文最初发布于 Orizens 博客，经原作者 Oren Farhi 授权，由 InfoQ 中文站翻译并分享。 “useRecorder...

input按钮中的onclick事件

weixin_30500289的博客

07-12

8943

input按钮onclick事件大全 <INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> <INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=B...

touch事件中的touches、targetTouches和changedTouches详解

weixin_38170829的博客

10-27

812

touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表通过一个例子来区分一下触摸事件中的这三个属性： 1. 用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。 2. 用第二个手指接触屏幕，此时，touches有两个元素，每个手指触摸点为一个值。当两个手...

input按钮onclick大全

murong

11-18

951

<br /># <INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> <br /> # <INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2> <br /> # <INPUT onclick=document.all.WebBrowser.ExecWB

事件监听（事件绑定，常见事件）

XW_c_h_e_n的博客

03-11

1144

监听事件

input的onclick 大全

weixin_34279579的博客

02-19

859

<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> <INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=...

delphi button onclick 传值

最新发布

04-10

<think>好的，用户的问题是关于在Delphi中如何通过按钮的OnClick事件传递值，需要方法和示例。首先，我需要回忆一下Delphi的事件处理机制，特别是按钮的点击事件。通常，按钮的OnClick事件处理程序是TNotifyEvent类型，参数只有Sender: TObject。这意味着事件处理程序本身并不直接支持传递额外的参数，所以需要其他方法来实现传值。接下来，我需要考虑常见的解决方案。可能的方法包括使用Tag属性、动态创建事件处理程序、使用闭包或匿名方法，或者自定义按钮类。首先，Tag属性是TObject的一个整数属性，可以用来存储简单的整数值。用户可以将值存储在按钮的Tag中，然后在事件处理程序中读取。这是比较直接的方法，适合传递简单的整数值。其次，动态创建按钮并为其指定事件处理程序时，可以在事件处理程序中访问外部变量或对象的属性。例如，如果按钮是在循环中动态创建的，可以在创建时捕获循环变量的值。不过需要注意变量的作用域和生命周期，避免出现访问冲突。第三种方法是使用闭包或匿名方法，这在较新版本的Delphi中支持。通过这种方式，可以在创建事件处理程序时捕获局部变量，从而传递更多的参数。不过用户可能需要了解匿名方法的使用，这对于新手来说可能有点复杂。另外，自定义按钮类也是一个可行的方法。通过继承TButton创建一个新的组件类，添加自定义属性来存储需要传递的值。然后在事件处理程序中通过Sender参数转换为自定义类，访问这些属性。这种方法更面向对象，适合需要传递多个或复杂数据的情况。现在需要结合用户提供的引用内容。引用[1]提到了动态创建按钮并排列在TGridPanel中，根据配置文件设置标题、链接等属性。这可能与动态创建按钮并传递参数有关。引用[2]中展示了事件处理程序的结构，如Button1Click，这里可能需要在这些处理程序中访问额外数据。引用[3]是关于数据库连接的，可能暂时不相关。因此，可能的示例包括使用Tag属性、动态事件处理程序捕获变量、以及自定义按钮类。需要确保代码示例正确，并符合用户的需求。例如，在动态创建按钮时，可以在创建时设置Tag，然后在OnClick中读取；或者在动态生成按钮时，使用闭包来捕获循环变量。此外，自定义按钮类的方法需要定义新类，添加属性，并在事件处理程序中进行类型转换。需要检查每个方法的适用性。Tag方法简单但只能传整数。动态事件处理程序可能更灵活，但需要注意变量作用域。闭包方法在较新Delphi版本中有效，但用户可能使用旧版本。自定义类方法更结构化和可扩展。最后，生成相关问题，可能涉及其他事件传值方法、动态控件属性使用，或闭包在事件处理中的应用。确保问题相关且有帮助。</think>### Delphi按钮OnClick事件传值方法及示例在Delphi中，按钮的OnClick事件默认不支持直接传递参数，但可通过以下方法实现传值： --- #### 方法一：使用`Tag`属性存储数值 `Tag`是`TComponent`的整数类型属性，可用于存储简单数值。 ```delphi // 创建按钮时设置Tag值 procedure TForm1.FormCreate(Sender: TObject); begin Button1.Tag := 100; // 存储需要传递的值 end; // 点击事件中读取Tag值 procedure TForm1.Button1Click(Sender: TObject); begin ShowMessage('传递的值：' + IntToStr((Sender as TButton).Tag)); end; ``` --- #### 方法二：动态生成事件处理程序（引用自动态控件创建[^1]）通过动态创建按钮时绑定自定义参数： ```delphi procedure TForm1.CreateDynamicButton; var btn: TButton; configValue: string; begin btn := TButton.Create(Self); btn.Parent := Self; configValue := '动态参数'; // 从配置文件读取的值[^1] // 使用匿名过程捕获局部变量 btn.OnClick := procedure(Sender: TObject) begin ShowMessage('传递的值：' + configValue); end; end; ``` --- #### 方法三：自定义按钮类创建继承自`TButton`的子类，添加额外属性： ```delphi type TCustomButton = class(TButton) public CustomData: string; // 自定义属性 end; // 创建自定义按钮 procedure TForm1.CreateCustomButton; var btn: TCustomButton; begin btn := TCustomButton.Create(Self); btn.Parent := Self; btn.CustomData := '重要数据'; btn.OnClick := CustomButtonClick; end; // 事件处理中读取自定义属性 procedure TForm1.CustomButtonClick(Sender: TObject); begin if Sender is TCustomButton then ShowMessage(TCustomButton(Sender).CustomData); end; ``` --- ###