将来自类中元素的值输入到onclick中
，可以通过以下步骤实现：
- 首先，需要获取类中的元素。可以使用JavaScript的document.getElementsByClassName()方法来获取指定类名的元素集合。该方法返回一个类数组对象，可以通过索引访问其中的元素。
- 接下来，可以使用循环遍历获取到的元素集合，为每个元素添加onclick事件处理程序。可以使用element.onclick属性来指定一个函数作为事件处理程序。
- 在事件处理程序中，可以通过this关键字引用当前被点击的元素。可以使用this.value来获取元素的值。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>将来自类中元素的值输入到onclick中</title>
</head>
<body>
<div class="my-class">元素1</div>
<div class="my-class">元素2</div>
<div class="my-class">元素3</div>
<script>
var elements = document.getElementsByClassName('my-class');
for (var i = 0; i < elements.length; i++) {
elements[i].onclick = function() {
var value = this.innerHTML;
alert('点击的元素值为：' + value);
};
}
</script>
</body>
</html>在上述示例中，我们首先使用document.getElementsByClassName()方法获取类名为"my-class"的元素集合。然后，使用循环遍历集合中的每个元素，并为每个元素添加onclick事件处理程序。在事件处理程序中，使用this.innerHTML获取被点击元素的值，并通过alert()函数显示出来。
这样，当用户点击任意一个类名为"my-class"的元素时，就会弹出一个对话框，显示被点击元素的值。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
3回答
如何将从类中元素拉取的值输入到onclick函数中？以下是我希望获得的结果代码：
<span onclick="calculate_cart(68803,2790.00);">GO&l
浏览 13提问于2017-07-14得票数 0
我有一个输入元素，它有一个value="Go"，元素的id是#btnSearchBox，我试图用一个方框图标替换"Go“。当我使用开发工具时，如果我用 (搜索代码)手动替换值"Go“，然后将fa-search手动添加到我想要的类中。但是当我尝试用JavaScript实现这一点时，它替换了值并添加了类，但是没有显示图标，而是得到了实际<em
浏览 2提问于2019-10-24得票数 1
回答已采纳
3回答
在将动态输入元素(带有类"dateValidation")添加到静态div (带有类"workItems")之后，我使用此函数来提供onclick函数：{...});alert(this);但是，当我运行时：
浏览 2提问于2016-04-27得票数 0
我正在开发谷歌日历插件使用CardService，有没有任何方法可以添加密码输入框在日历插件使用应用程序脚本。对于其他谷歌服务，可以使用HTML Service和类似SpreadsheetApp.getUi()的方法添加，因为日历.getUi()似乎不可用。 有人知道这是怎么回事吗？提前谢谢。
浏览 48提问于2020-04-27得票数 0
简介：
如果在形式上发生了更改，“保存值”按钮将这些值保存到localStorage，并绑定到已编号的元素(图片中的“1”)，并从输入中获得。如果在表单中更改了某些内容&与已经保存的值不同，则“保存值</em
浏览 1提问于2015-09-13得票数 1
回答已采纳
4回答
我对javascript非常陌生，我试图循环一个变量将id增加到60。我有一个表单，用户输入数字，然后我需要它来把它们加起来。这就是我到目前为止所拥有的。).value );
</script>
我没有从上面的代码中得到任何输出
浏览 4提问于2014-10-29得票数 0
回答已采纳
我试图通过在输入字段中输入id来获取数组的名称和姓氏。这是我的阵列：{id: 2, name: 'Ted', surname: 'Doe'},
{id: 3, name: 'James，您可以硬编码一个值到您的按钮，在这个例子中，它是id:1值。它将始
浏览 3提问于2020-09-16得票数 2
回答已采纳
1回答
从其他类创建对象
、、、
我有一个设置屏幕，您可以在其中选择，添加和删除配置的应用程序。在添加配置时，我创建了一个inputBox类的新实例(扩展了设置活动类--我将标准android文本输入框的过程存储在其中)，以查询新配置的名称。在这个输入框的Onclick中，调用来自superClass的过程(设置-活动)来创建一个新的配置对象。此过程从活动<em
浏览 2提问于2016-12-07得票数 0
回答已采纳
1回答
这是我的HTML代码。在这里，我呈现数组中的所有元素(在state中)，并为每个元素添加一个类"dragImg" (我需要这个类用于其他用途)。在呈现的数组下，我有一个input和button；其思想是用户可以输入一些内容，当他单击button时，输入的文本将被添加到state中的数组中。={this.cli
浏览 1提问于2021-05-09得票数 0
生成html文件，放入所有html标记等等，制作特殊的<script></script>标记，我将编写代码。现在我的解决方案涉及很多变量以及if语句等等。但后来我想知道其他人是怎么做到的，我偶然发现了这一点：<TABLE BORDER=4><TD>
<INPUT TYPE="text" NAME="=" 6 "
浏览 3提问于2014-02-07得票数 0
回答已采纳
我正试图在Formik中为表排序构建一个自定义表单字段。我有许多<th>元素，这些元素的onClick处理程序输入到单个回调(onSort)中，然后将其输入到类似于这样的Field中，以跟踪排序键的当前值： initialValues={form.setFieldValue(field.name, key);
浏览 2提问于2019-11-22得票数 0
回答已采纳
1回答
TL;DR
如何将div元素的内联onclick-事件回调绑定到放置div的自定义元素？我想用onclick="foo('bar')"代替onclick="this.foo('bar')"。我能够将foo()-function记录到控制台。它封装在一个可调用的函数中，这似乎就是为什么我不能将上下文绑定<
浏览 2提问于2017-08-04得票数 4
回答已采纳
在我正在做的一个项目中寻求帮助，伙计们和女孩们。
我有一个简单的键盘，数字从0到9，每一个都是一个单独的元素。我的目标是将onclick()事件绑定到所有元素上，并使它们将相应的数字插入我选择的输入字段中。我知道如何设置某个元素的值(在本例中是输入字段)，但
浏览 1提问于2018-10-10得票数 0
回答已采纳
我有一个表，并在选择行时分配一个类(selected)。这两个变量是从选定的行中提取的。GetID是TD数据键属性，GetName是第二列单元格值。onclick="location.href='test.phtml?GetID=1&G
浏览 4提问于2017-06-02得票数 0
回答已采纳
我面临的问题是，绑定到select列表的所有元素都会自动编码(或转义)。我使用的是折叠式场景：
这个复制的文本值是编码的，因为单击选项中的文本实际上也被
浏览 0提问于2013-06-17得票数 1
回答已采纳
我正在尝试实现基本的角度形式验证。我也是这样做的。但我很想知道，如果我不使用ng模型，它为什么不起作用呢？
显示相同行为的链接
浏览 4提问于2016-12-29得票数 1
回答已采纳
假设我将一个blur函数附加到HTML输入框中，如下所示： <input id="myInput" onblur="function() { ... }"></input>
有没有办法获得导致blur事件触发的元素的ID （被点击的元素）在函数内部？例如，假设我有这样的跨度： <span id="mySpan">Hello Wo
浏览 216提问于2018-03-23
回答已采纳
2回答
我试图用react将一个值绑定到div，这样我就可以维护该元素的状态(例如。看来我应该使用LinkedStateMixin，但是下面的实验证明react不支持块级元素的任意属性。这两个元素都有默认值，但是div e.target.value从onclick处理程序返回未定义的值，而输入元素值已经正确设置。知道如何将</e
浏览 5提问于2015-01-17得票数 0
回答已采纳
我在ASP.NET MVC (v1)中有一个表单，它有两个输入按钮。每个提交按钮都必须包含在这个单一的表单中，我需要知道用户按下了哪个按钮。我知道检查FormCollection值的技巧，它将根据按下的按钮返回。例如，如果我有and，并且用户点击了Button2，我应该能够说Request.Form"Button2“!所有my按钮的值都是空的，因为它们都不包含在Request.Form值中
浏览 1提问于2009-11-14得票数 3
回答已采纳
1回答
我试图将静态类“窗体-控件”和动态属性值“颜色”绑定到输入助手的类属性，但是，我使用的语法只是将其输出到呈现的DOM元素而不实际将'color‘的值绑定到class属性。我知道这是将普通DOM元素中的</em
浏览 5提问于2015-06-28得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
