具有相同ID的多个按钮的Onclick功能？
具有相同ID的多个按钮的Onclick功能可以通过以下几种方式实现：
- JavaScript中的事件委托：通过给包含这些按钮的父元素添加事件监听器，并在监听器中判断事件目标是否为按钮，从而实现对多个按钮的点击事件处理。这种方式可以减少事件绑定的数量，提高性能和代码的可维护性。
- 使用类选择器或其他属性选择器：给这些按钮添加相同的类名或其他属性，然后使用JavaScript的querySelectorAll()或getElementsByClassName()等方法获取到这些按钮的集合，并逐个遍历添加点击事件处理。
- 使用自定义属性：给每个按钮添加一个自定义属性，如data-id，然后使用JavaScript的querySelectorAll()方法根据自定义属性选择对应的按钮集合，并遍历添加点击事件处理。
总结： 以上是实现具有相同ID的多个按钮的Onclick功能的几种常用方式。具体选择哪种方式取决于项目需求和开发者的偏好。
相关链接： 腾讯云产品：腾讯云服务器（CVM） 产品介绍链接：https://cloud.tencent.com/product/cvm
相关·内容
我有一个用按钮加载一些数据的组件。我有一个通过ID获取按钮的函数，并将状态/变量更新为该按钮值，然后根据该值加载数据。但是，因为所有的按钮ID都是相同的，所以它只对第一个按钮有效…… 我不确定如何为每个按钮设置唯一did，因为它们是通过map()函数生成的，即使我知道，我也不确定我的函数如何在不为每个按钮编写函数<em
浏览 43提问于2021-07-20得票数 0
1回答
我希望通过我的页面添加多个“查看更多”按钮。当我添加一个新的按钮时，只有第一个按钮工作，第二个按钮就坏了。因此，第一个按钮工作良好，但当我试图复制这个缩略图，并用同样的另一个按钮，请参阅更多细节。="thumbnail-frame">
<div id="thumbnail" <div id="details&q
浏览 4提问于2022-01-04得票数 0
回答已采纳
我们有多个具有不同ID的表单，但具有相同的onclick函数。就像，
<input type="button" id="b&qu
浏览 3提问于2015-12-10得票数 1
回答已采纳
我有一些具有相同onClick功能的按钮。在这个onClick函数中，我想检查哪个ID被按下了。每个按钮都有不同的ID。
我该如何返回被点击按钮的ID呢？
浏览 0提问于2014-05-13得票数 0
3回答
我正在使用selenium测试一个页面，该页面包含由liferay制作的多个portlet。
每个portlet都有一个具有相同id的保存按钮，它使用portlet的iframe id来区分按钮。如何用selenium编写能够理解我所指的按钮的代码？
浏览 0提问于2013-09-10得票数 0
4回答
解决:没有足够的咖啡-事件侦听器是在创建按钮之前添加的。i <= localStorage['count']; i++) {
tableHtml = tableHtml + "<tr><td><button class='delete' id+ localStorage['email' + i] + "</td><td>" + localStorag
浏览 5提问于2014-07-31得票数 0
回答已采纳
2)我想在< id="fileDel“th:onclick=部件中使用jquery函数，请帮助
浏览 3提问于2021-06-01得票数 0
2回答
我想要用多个面板创建JFrame，每个面板都显示来自数据库的一些信息(比如product_id和description )，每个框架都有一个按钮( add )，它会将该面板中的信息添加到我的数据库中的cart
浏览 4提问于2014-04-06得票数 1
回答已采纳
1回答
我不知道这是不是一个简单的问题，但我找不到答案。我想在dojo中创建10个按钮，就像下面的按钮一样。<div style="right: 1px">
浏览 2提问于2012-09-03得票数 1
回答已采纳
我试图在Django模板中的for循环中选择一个HTML按钮，使用querySelector在JavaScript中向它添加一个事件侦听器。如何为按钮创建唯一的id并通过JavaScript进行选择？现在，我将一个id设置为for循环中的按钮，当您按下该按钮时，什么都不会发生。% url 'username' post.user %}"><h5 class = "post_user&
浏览 8提问于2022-07-14得票数 0
2回答
我的问题是，弹出窗口只会在第一个项目上工作，其他项目只会把你带回页面的顶部。<td style="text-align: center"></td><!-- The Modal -->
<div id="myModal&qu
浏览 13提问于2017-06-29得票数 0
回答已采纳
1回答
我正在为GA创建一个新的标记，当单击了带有类“按钮”的元素时，它就会触发。所有的按钮(其中5个)都做完全相同的事情，唯一的区别是它们的位置。提前感谢！
浏览 3提问于2015-10-14得票数 0
回答已采纳
3回答
添加按钮崩溃应用程序
、、、
我试图在我的应用程序中添加一个简单的按钮，但是我得到了下面的错误：
final Button settings = (Button) findViewById(R.id.settings);
settings.setOnClickListener(new View.On
浏览 9提问于2016-07-01得票数 1
回答已采纳
我正在使用Kartik标签将我的表单组织成多个表单。为此，我将表单划分为3个视图，每个视图代表一个选项卡，并包含表单的一部分。我的问题是submitbutton只能从一个表单获取数据，而不能从所有表单获取数据。谁能给我举个简单的例子来帮助我？
我在这里发布了我安装它的kartik标签链接：谢谢
浏览 0提问于2015-08-07得票数 0
2回答
当我点击“显示评论”按钮时，结果总是只显示在第一个按钮上，即使我点击了另一个按钮(第二个，第三个，第四个，...按钮)。我想要的内容显示正确，但没有显示在相应的按钮上。我已经尝试过在互联网上搜索解决方案，但我认为我没有找到解决方案，特别是其他使用jQuery回答的解决方案。="button-show-comment" class="button-comments" postId='+data[i].<e
浏览 12提问于2019-09-15得票数 0
2回答
我正在创建一个记分应用程序，我有它的设置，以记录每个团队的某些统计数据。因此，当我为一个团队点击+按钮时，我希望它更新该状态，然后为另一个团队做同样的事情，而不是为第一个团队更新。我还包括了一个应用程序本身的屏幕截图(请原谅现在的着色笑)。有人能提供任何帮助吗？所以基本上:如果我选择主队下的任意球选项，我希望它更新它，如果客队被判点球，我希望能够在不同时更新两支球队的情况下更新它。或者只是更新一个团队。因为这就是它现在正在做的。and
浏览 3提问于2018-08-15得票数 0
3回答
我的表单单选按钮不起作用
、、、
一些简单的HTMl，我已经为样式添加了跨度，我应该使用标签代替吗？它意味着一次只允许选择一个。我做错了什么？我是码盲:P
谢谢。
浏览 0提问于2010-04-20得票数 1
回答已采纳
我见过一些代码，其中人们通过web control.then的commandParameter属性传递参数，这是eventargs的用途。
浏览 0提问于2009-05-06得票数 23
回答已采纳
1回答
我正在处理Django项目，并试图添加按钮，单击这些按钮将您定向到另一个页面，在一个由模型构建的表中。下面是表的HTML：在这个网站上，这个看起来是这样的：
单击ID为1的第一个按钮将我带到正确的页面。第二个按钮是没有做任何检查点击。我想要实现的是，每次创建应用程序对象和更新表时，我都希望它能够单击按钮，转到一个具有这样一个url的<
浏览 2提问于2022-03-08得票数 1
我有相同的onclick功能的按钮。我希望按钮在一次点击后被禁用。onclick函数需要执行多个函数，所以我如何才能做到这一点。<input type="button" class="buttons" id="button2" value="2"
onclick="run()" &#x
浏览 45提问于2019-04-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
