首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我想使用选定按钮的id,但如何从它获取id?this.id不工作

要从选定按钮的id获取id,可以使用JavaScript中的事件对象来获取。在事件处理函数中,可以使用event.target.id来获取选定按钮的id。

以下是一个示例代码:

代码语言:txt
复制
function handleClick(event) {
  var buttonId = event.target.id;
  console.log("选定按钮的id是:" + buttonId);
}

var button = document.getElementById("myButton");
button.addEventListener("click", handleClick);

在上面的代码中,我们首先通过getElementById方法获取到id为"myButton"的按钮元素,然后使用addEventListener方法为按钮添加一个点击事件的监听器。当按钮被点击时,事件处理函数handleClick会被调用,并且事件对象event会作为参数传入。通过event.target.id,我们可以获取到选定按钮的id,并将其打印到控制台上。

对于这个问题,腾讯云没有特定的产品或者链接地址与之相关。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Spring Data JDBC - 如何使用自定义 ID 生成

原标题:Spring认证|Spring Data JDBC-如何使用自定义ID生成 这是关于如何解决使用 Spring Data JDBC 时可能遇到各种挑战系列文章第一篇。...只要版本是null 或0 原始类型,聚合就被认为是新,即使id设置了。 使用这种方法,您必须更改实体和(当然)系统,别无其他。 此外,对于许多应用程序来说,乐观最初是很多。...返回修改潜在聚合根,因此它也适用于形成实体类。 在目标中,我们确定有问题聚合根是否需要新 ID。 如果是这样,我们将使用我们选择算法生成。...你可以实现持久化方法(尤其是实现是新)来实现这一点。您也使用聚合根进行更新时,这会抓住。在这种情况下,您需要提出更灵活策略。...虽然在示例中使用了非常严重逻辑,基本没有什么能阻止您实现您所考虑任何逻辑,因为它们都归结为 Java 代码。 完整示例代码可在Spring中国教育管理中心(Spring认证)数据示例库访问!

1.7K20

图书列表案例

-- 3.1、通过双向绑定获取到输入框中输入 id -->                 <label for...book 存储 获取到输入框中 书 id和名字          var book = {};          book.id = this.id;          book.name =...}     }     3.修改图书-上 点击修改按钮时候 获取到要修改书籍名单 4.1 给修改按钮添加点击事件, 需要把当前图书id 传递过去 这样才知道需要修改是哪一本书籍... 5.删除图书 6.1 给删除按钮添加事件 把当前需要删除书籍id 传递过来 6.2 根据id数组中查找元素索引 6.3 根据索引删除数组元素  <tbody...,模板已经可以使用                // 一般此时用于获取后台数据,然后把数据填充到模板                var data = [{

1.1K50

12款神级 idea 插件,解放你双手!让你代码飞起来!

那么,在项目中如何通过UserMapper类中getUser方法,能够快速访问UserMapper.xml文件中getUser方法?答:这就需要使用Free Mybatis plugin插件了。...编程规约、异常日志、单位测试、安全规约、Mysql数据库和工程结构,这6大方面,规范了开发流程,确保我们能写出高效、优雅代码。这些规范性东西,仅仅靠人自觉性,很难达到预期效果。...如果你使用过Codota插件,它会让你写代码速度更上一层楼。安装完插件之后,我们在写代码时,它会给你一些提示:这些提示是基于ai统计出来,非常有参考价值。10....一眼很难看出,代码是哪个括号开始,到哪个反括号结束。有没有办法解决这个问题呢?答:使用Rainbow Brackets插件。...答:有,可以使用CodeGlance插件。安装完插件之后,在代码右侧,会出现下面这个窗口:它是代码缩略图,通过我们能够非常快速切换代码块。----来源 苏三说技术

6.9K30

Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)

1、需求 使用Vue + Element UI 实现在列表操作栏新增一个复制按钮,复制当前行数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。...$getKey('这是是业务权限值,不需要这里可以写') this....如果你数据是通过异步请求获取,确保在数据返回之前不要执行任何赋值操作。你可以使用async/await或者.then()语法确保异步请求完成后再进行赋值。...② 数据是否正确 确保你查询到数据是正确。你可以在控制台打印查询到数据,确保包含你所需信息。...可以在 mounted 钩子中使用 console.log(data) 来查看获取数据结构。

10910

Android数据库LitePal基本用法详解

LitePal 简介 LitePal 是一款开源 Android 数据库框架,采用了对象关系映射(ORM)模式,将我们平时使用一些数据库(比如 Sqlite)功能进行了封装。...配置 第一步 gradle注入: compile 'org.litepal.android:core:1.6.1' 这里版本是1.6.1,如果获得最新版本,请看这里:https://github.com...; private int age; public int getId() { return id; } public void setId(int id) { this.id...= age; } } 其实这就是一个 JavaBean ,定义了两个简单属性,其中id这个字段可写可不写,因为即使写这个字段,LitePal也会在表中自动生成一个id列,毕竟每张表都一定要有主键...com.example.zjp.litepaldemo.bean.TestEntity" </mapping </list </litepal 现在我们就可以测试了,启动一个 Activity ,这里只添加了一个按钮

83430

Android之自定义View:侧滑删除

当我们向左滑时,通过scroller将右边按钮区域滚动出来 实现思路滤清了,那么我们就开始动手吧 具体实现 首先,网上类似的轮子有很多,为什么我们还要自己写一下呢,当然是为了学习,所谓知其然而知其所以然也...当然,你也可以说,就是自己写,哈哈。 在开始前,还想再说一点,网上有很多类似的轮子,但是发现个特点,他们要求控件内子布局顺序相对呆板,不够灵活,也就是所谓通过约定来实现。...but,这次想通过配置来实现,那么如何配置呢,其实我们可以通过控件id进行绑定,参考了google官方控件部分思想。 布局文件配置效果 首先,实现配置效果是这样子 ? ?...我们下初始化需要做什么工作呢?...Ok,之后我们再考虑点细节问题就差不多了 比如,假如你在recyclerView中使用,那么当你侧滑出菜单时候,肯定希望他出发recyclerView滚动事件,这时我们可以通过重写onInterceptTouchEvent

1.2K30

手拉手,用Vue开发动态刷新Echarts组件

准备工作 项目结构搭建 因为生产需要(其实是懒),所以本教程使用了 vue-cli 进行了项目的基础结构搭建。...实现动态刷新 下一步大家都知道了,就是定时后台拉取数据,然后更新父组件option就好。...),否则不推荐这种方式; 第二种方案需要使用web Socket,但在服务端需要进行额外开发工作。.../components/vueEcharts"; export default { name: "App", data() { return { //笔者使用了mock数据代表服务器获取数据...后续优化 这个组件还有需要需要优化点,比如: 间隔时间应该可配置 每分钟后台获取数据,那么图表展示数据将会越来越多,越来越密集,浏览器负担越来越大,直到崩溃 没有设置暂停图表刷新按钮 … 期待大家自己动手

4.6K80

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来

我们文章中留下引子 应该知道,我们还是要做内容页面的。...其实,想说明是,我们不要使用 html 本身就支持标签名称来自定义我们组件,这容易导致混乱,最好,是像内容页里面这样,使用自定义标签名。...参考文档: 《动态路由匹配》 我们需要从我们 url 中,来获取我们 id 然后根据这个 id 来进行数据查询。 好,想起来了。那么我们已经在 url 包含了这个 id 了。...,确实就是 id。...我们如何取出来呢? 不用很多复杂事情,vuerouter 早就给我们准备了解决方法了。 我们可以在项目中打印如下代码: console.log(this.

696100

Vue 相关学习笔记(一)

存储 获取到输入框中 书 id和名字 var book = {}; book.id = this.id; book.name = this.name...}); 4 修改图书-上 点击修改按钮时候 获取到要修改书籍名单 4.1 给修改按钮添加点击事件, 需要把当前图书id 传递过去 这样才知道需要修改是哪一本书籍 把需要修改书籍名单填充到表单里面...存储 获取到输入框中 书 id和名字 var book = {}; book.id = this.id; book.name = this.name...(book) //4.3 把获取信息填充到表单 // this.id 和 this.name 通过双向绑定 绑定到了表单中 一旦数据改变视图自动更新... 6 删除图书 6.1 给删除按钮添加事件 把当前需要删除书籍id 传递过来 6.2 根据id数组中查找元素索引 6.3 根据索引删除数组元素

7.4K20

DataGrid和CheckBox混合使用

DataGrid和CheckBox组合使用做一个简单描述.我们可能在写程序时候都遇到这种情况:需要选择一个列表所有项或者取消所有项选择来删除这些列以及如何给用户一个提示信息是否要删除(改功能在相关文档里描述过了...依然是使用服务器事件来完成我们工作,这次有些不同我们将这个CheckBox放到DataGrid中对应CheckBox页眉上(header).我们给这个模板列题头上添加一个CheckBox控件利用它来完成和...1中相同工作,只是过程稍微有些不同.首先我们需要一个DataGrid来表现我们程序,该DataGrid在Html页上代码如下: <asp:datagrid id="grdServer" runat...Microsoft.ApplicationBlocks.Data命名空间里SqlHelper,这个dll你可以微软网站上下载得到源码....this.IsPostBack){ this.BindData(); } } 至于如何删除数据我大家可能都知道在这里就不说了,如果需要这个工程源代码请发邮件到Wu_jian830@hotmail.com

1.3K90
领券