[如何给动态生成的多个按钮同时添加点击事件]

如何给动态生成的多个按钮同时添加点击事件

3个回答

 ...<button onclick='delete(" + m.getmId() + ")'>删除...

function delete(id)
{
用ajax或者什么办法删除id对应的记录
}

你还可以给每一行的tr一个id

 "<tr id=tr_" + m.getmId() + "><td>...

你可以写
function delete(id)
{
$("#tr_" + id).remove();
}

你不是加了,可以传递this对象作为参数,然后通过dom关系获取到相关的数据。delete是js的关键字,函数名称另外起一个

 <script>
function Delete(btn){
var tr=btn.parentNode.parentNode;
//...其他操作,如获取id可以用tr.cells[0].innerHTML
tr.parentNode.removeChild(tr);//删除数据行
}
</script>
<button onclick="Delete(this)">删除</button>
showbo
支付宝加好友偷能量挖 回复qq_24835349: delete是关键字,要另外给函数起名字,不是说了
大约 5 年之前 回复
qq_24835349
qq_24835349 我上面的那段代码,点击事件没有做方法里面内容是为什么?就那个alertj都没打印。
大约 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
在动态生成的php按钮上绑定事件

<div class="post-text" itemprop="text"> <p>I have a simple table that manages a list of user created posts. Inside the table, I have two buttons that are supposed to manage the edit or the deletion of the single posts. </p> <p>I have a problem with these buttons, when I try to edit one entry that isn't the first one listed, no actions occur. How i can manage this? I know that every button need an unique id, but i can't figure out how to fix this because the buttons are dynamically generated with a php <code>for()</code> loop. </p> <pre><code>&lt;tbody&gt; &lt;? for($n=0;$n&lt;count($load);$n++): ?&gt; &lt;tr&gt; &lt;th scope="row"&gt;&lt;? echo $n; ?&gt;&lt;/th&gt; &lt;td class="postListTitle"&gt;&lt;? echo $load[$n]['post_title']; ?&gt;&lt;/td&gt; &lt;td id="postListDate"&gt;&lt;? echo $load[$n]['post_date']; ?&gt;&lt;/td&gt; &lt;td class="button-group"&gt;&lt;button class="btn btn-warning btn-sm" id="btn-edit-post"&gt;Edit&lt;/button&gt;&lt;button class="btn btn-danger btn-sm" id="btn-delete-post"&gt;Delete&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;? endfor; ?&gt; &lt;/tbody&gt; </code></pre> <p>Jquery code:</p> <pre><code>$('#btn-edit-post').on('click',function(e){ e.preventDefault(); var postTitle = $('.postListTitle').html(); $.ajax({ url:'system/ajax/doPost.php?title='+encodeURIComponent(postTitle), type:'GET', cache: false, success: function(item){ var post = JSON.parse(item); $('#edit-title').attr('value',post.title); $('#edit-text').append(post.text); } }); }); </code></pre> </div>

点击按钮动态添加DIV时,添加了两个相同的DIV,现在要对其中指定的一个进行操作,应该如何区分?

点击按钮动态添加的DIV,id和class都相同,切换class的时候所有DIV的class都会变,想要只切换选中的那个DIV,要智能化一点的方法,可以扩展到10个20个

Django for循环创建div div内按钮点击事件只有第一个div可以触发

![图片说明](https://img-ask.csdn.net/upload/202004/08/1586310834_985391.png) 如图,我先用for循环创建div ![图片说明](https://img-ask.csdn.net/upload/202004/08/1586310872_604282.png) 每个div里都有一个按钮,id为btn ![图片说明](https://img-ask.csdn.net/upload/202004/08/1586310913_72416.png) 然后我在js里为按钮添加事件,但是只有第一个div可以触发点击按钮事件(就是测试点击事件的alert),其他的循环div点击按钮没有反应 求大佬帮忙解决一下

在java swing 中实现动态创建按钮并绑定点击事件,为何不能实现?

//内部类,实现创建button,兵绑定点击事件 class RentBtn extends JButton{ public JButton getRentBtn(int x,int y,int weigth,int heigth,int shopId,Merchant merchant){ int btn_x = x; int btn_y = y; int btn_weigth = weigth; int btn_heigth= heigth; int id = shopId; Merchant user = merchant; JButton jButton = new JButton("租用"); jButton.setBounds(btn_x, btn_y, btn_weigth, btn_heigth); jButton.addActionListener(new ActionListener() { @Override public void actionPerformed(ActionEvent arg0) { Session session = null; Transaction transaction = null; try { session = HibernateUtil.getSession(); transaction = session.beginTransaction(); transaction.begin(); String hql = "select s from Shop s where s.id=:id"; Shop shop = (Shop) session.createQuery(hql).setParameter("id", shopId); shop.setMerchant(user); transaction.commit(); session.save(shop); ShopRent shopRent = new ShopRent(user); JOptionPane jOptionPane = new JOptionPane("租用成功"); } catch (Exception e) { HibernateUtil.closeSession(); transaction.rollback(); } } }); return jButton; } ```//在for循环中创建多个按钮 for(int i=0;i<shops.size();i++) { name = shops.get(i).getId(); map.put(i, name); propertyfee = shops.get(i).getPropertyfee(); utilities = shops.get(i).getUtilities(); rent = shops.get(i).getRent(); shopname = new JTextField(); shopname.setText(String.valueOf(name)); shopname.setBounds(10, 84+i*30, 47, 21); add(shopname); shopname.setColumns(10); propertyfeeFiled = new JTextField(); propertyfeeFiled.setText(String.valueOf(propertyfee)); propertyfeeFiled.setColumns(10); propertyfeeFiled.setBounds(91, 84+i*30, 47, 21); add(propertyfeeFiled); utilitiesFiled = new JTextField(); utilitiesFiled.setText(String.valueOf(utilities)); utilitiesFiled.setColumns(10); utilitiesFiled.setBounds(177, 84+i*30, 47, 21); add(utilitiesFiled); rentFiled = new JTextField(); rentFiled.setText(String.valueOf(rent)); rentFiled.setColumns(10); rentFiled.setBounds(267, 84+i*30, 47, 21); add(rentFiled); RentBtn rentBtn = new RentBtn(); JButton jButton = rentBtn.getRentBtn(356, 84+i*30, 72, 23, name,mer ); add(jButton); } ``` ``` 实际运行效果是:按钮成功创建,但是点击按钮没有响应。想请问下有什么其他办法? ```

android删除动态生成的按钮

实现生成一些button,数量取决于用户(用户点击按钮,就会生成一个) 具体代码: RelativeLayout layout = (RelativeLayout) findViewById(R.id.layoutcprompt); RelativeLayout.LayoutParams OBJ = new RelativeLayout.LayoutParams (140,80); if ((commandsi%6)==0) {adjust=adjust+86; commandsi=1;} OBJ.leftMargin =(140*(commandsi-1))+10; OBJ.topMargin =250+adjust; Button command = new Button(this); command.setLayoutParams(OBJ); command.setId(ID); command.setText(edittxt.getText().toString()); edittxt.setText(""); command.setBackgroundResource(R.drawable.costum_button); command.setTextColor(Color.WHITE); command.setTextSize(14); layout.addView(command); command.setOnClickListener(new View.OnClickListener() { public void onClick(View view) { Button b = (Button)view; scommand=b.getText().toString(); } }); command.setVisibility(View.VISIBLE); 现在还要实现移除这些button,我给每个都有单独的id,但是不知道怎么移除:/。 谢谢。

C# WinForm 自定义控件,怎样在设计时动态增加按钮并在设计时点击响应函数?

现在想开发一个导航菜单,思路为: 1、自定义控件增加智能标签; 2、智能标签中增加新增菜单组的命令; 3、使用时,自定义控件拖到设计窗口中,点击增加菜单组后自动生成一个按钮和一个Panel; 4、自动生成的按钮,可以在设计时点击响应函数,对生成的面板隐藏或展开。 目前遇到的情况: 1、在设计时生成按钮后,调用自定义控件中的创造按钮函数,可以生成按钮,并能点击响应相应的函数。 2、但在主程序运行时,设计时生成的按钮根本就没有。 3、创建按钮的函数代码如下: Button btn = new Button(); btn.Text = "SSS"; btn.Dock = DockStyle.Top; this.Controls.Add(btn); 4、在代码中加入: this.Container.Add(btn)可以在运行时显示增加的按钮,但在设计时,按钮没有动作,应用到窗口时,也需要重写响应函数。 本人C#新手一枚,请各位大侠指点一下,有什么办法能够让代码生成的按钮,在设计时和运行时都能显示按钮,并在两种情况下都响应设定好的响应函数?谢谢!

VS2010 MFC 用循环动态创建多个按钮

在VS2010中 MFC 基于对话框程序 怎样 用循环动态创建多个按钮? 求路过的大神给出代码指导~~~不胜感激

有多个button,点击不同button按钮,向文本框中添加一个带删除不同的数据,如图所示

![图片说明](https://img-ask.csdn.net/upload/201511/02/1446435586_167468.png)

JQuery 动态添加ID后,无法触发点击事件

html代码 <div> <p onclick = "abc('h1')">学校</p> <p id = "wo">姓名</p> </div> js代码 function abc($ww) { $("#wo").append("<p id = '"+$ww+"' onclick = 'a(‘"+$ww+"’)'>专业</p>"); } function a($dd) { $("#h1").html('小明'); } 点击后,为什么无法改变?

js如何动态添加多个checkbox?

<body> <form action=" " method="post" id="fa"> <!-- <input type="checkbox" name="Cb1" value="a">星期1<br/>--> </form> <input type="button" onclick="addCb()" value="addCb" /> <script> let oCheckbox=document.createElement("input"); let myText=document.createTextNode("星期1"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id","mayi"); function addCb() { let fa=document.getElementById("fa"); fa.appendChild(oCheckbox); fa.appendChild(myText); } </script> </body> 怎么实现每次点击按钮执行函数都添加一个checkbox?并且遍历星期1到星期7?

Jquery 怎么获取动态生成的html元素,然后给其中的元素添加样式?

这是其中界面的js代码,主要去了异步去后台加载数据,然后动态写li元素及里边的a元素 [code="javascript"]$.ajax({ url: "home!subMenu", typ:"post", datatype:"json", data:{"fatherId":${request.fatherId}}, success:function(data) { if(data.success) { var json = eval(data); var menu = json.tree; var html ="<li class='space'></li>"; $.each(menu,function(i,item) { html=html+"<li><a href='javascript:;' hint='merchant' action='"+item['url']+"?fatherId="+item['fatherId'] +"' class='merchantmenu'>" +item['text']+"</a></li>" }); $("#merchantSubMenu").append(html); } else { art.dialog(data.message); document.location.href="home!gotoIndex";//跳转到首页 } } }); $('a[class="merchantmenu"]').each(function(){ alert("test");//这里进不来。。。。 });[/code] 我现在想要获取这个li列表的第一个元素给添加样式。 现在的问题 通过选择器获取不到,是ajax异步加载还没写进去吗?

多个动态创建的行上的单选按钮状态

<div class="post-text" itemprop="text"> <p>I have a form which has multiple rows generated by a query. Each row has a radio button group with three radio buttons.</p> <p>What I am trying to do is to have each rows radio group work independantly of each other.</p> <p>Example:</p> <p>Row 1 (radio button 1) (radio button 2) (radio button 3)</p> <p>Row 2 (radio button 1) (radio button 2) (radio button 3)</p> <p>Row 3 (radio button 1) (radio button 2) (radio button 3)</p> <p>At the moment if I click on any of the buttons in any of the rows its only row 1 that changes the status of the button.</p> <p>My code:</p> <pre><code>do { &lt;input type="radio" name="action[&lt;?php echo $row_TQ01['SeqID']; ?&gt;]0" value="2" id="Action1_0" class="radio_item"&gt; &lt;label class="label_item" for="Action1_0"&gt; &lt;img src="images/fix_2.png"&gt; &lt;/label&gt; &lt;input name="action[&lt;?php echo $row_TQ01['SeqID']; ?&gt;]0" type="radio" class="radio_item" id="Action1_1" value="1" checked="CHECKED"&gt; &lt;label class="label_item" for="Action1_1"&gt; &lt;img src="images/fail_2.png"&gt; &lt;/label&gt; &lt;input type="radio" name="action[&lt;?php echo $row_TQ01['SeqID']; ?&gt;]0" value="0" id="Action1_2" class="radio_item"&gt; &lt;label class="label_item" for="Action1_2"&gt; &lt;img src="images/pass_2.png"&gt; &lt;/label&gt; } while ($row_TQ01 = mysql_fetch_assoc($TQ01)); </code></pre> <p>I do have some CSS to dim or highlight the selected radio button but I have tested the code without the styling and is the same. my style is:</p> <pre><code>&lt;style&gt; .radio_item{ display: none !important; } .label_item { opacity: 0.4; } .radio_item:checked + label { opacity: 1; } label { cursor: pointer; } </code></pre> <p>Can anyone see why only row 1 changes button status.</p> <p>Many thanks in advance for your time.</p> </div>

WPF 后台动态生成控件

我的项目中需要生成很多个button列表,所以需要后台添加,但是生成的button还有template,查了一下,目前就我所知生成的方法是: FrameworkElementFactory 和XamlReader.Load,前者看到的资料说效果很不好,后者却不知道怎么做,请教各位大神!

【Android】动态生成若干个Button,获取其中某个Button的操作

![图片说明](https://img-ask.csdn.net/upload/201609/01/1472717846_273491.png) ![图片说明](https://img-ask.csdn.net/upload/201609/01/1472720450_901484.png)

C#winform删除动态添加的多个控件

动态添加了10个控件,如下:其中RandomSquare.Square是自定义控件, RandomSquare.Square[] ns = new RandomSquare.Square[1000]; ns[0] = new RandomSquare.Square(); ns[0].Parent = tabPage_Database; ns[0].Location = new Point(200,200); ns[0].Size = new Size(50, 50); tabPage_Database.Controls.Add(ns[0]); for (int i=1;i<=9;i++) { ns[i]= new RandomSquare.Square(); ns[i].Parent = tabPage_Database; ns[i].Size = new Size(50, 50); ns[i].Location = new Point(ns[i - 1].Location.X + ns[i - 1].Width, ns[i - 1].Location.Y); tabPage_Database.Controls.Add(ns[i]); } 动态删除(例如点击一个btn)代码如下: private void button3_Click(object sender, EventArgs e) { foreach (Control ns in tabPage_Database.Controls) { if (ns.GetType().ToString().Equals("RandomSquare.Square")) { tabPage_Database.Controls.Remove(ns); } } } 点玩按钮后,控件删除总会剩下两个,这是为什么? 如图: 点击前: ![图片说明](https://img-ask.csdn.net/upload/201701/13/1484294578_31816.png) 点击后: ![图片说明](https://img-ask.csdn.net/upload/201701/13/1484294597_783335.png)

js循环生成div div里面有p标签 点击事件怎么得到点击的p标签内的值

<script id="dataTemplate" type="text/html"> {{# for(var i=0;i<useData.length;i++){ }} <div class="weui-cell" onclick="details(this);> <div class="weui-cell__bd"> <label>{{ useData[i].DATE_TIME }}</label> </div> <div class="weui-cell__ft"> <p>{{ useData[i].DATA }} kWh</p> </div> </div> {{# }}} </script>` ![图片说明](https://img-ask.csdn.net/upload/201709/20/1505872412_61407.png) function details(obj) {//断点显示obj="weui-cell"; alert(obj);//弹框显示 [object HTMLDivElement] }

Ext怎么实现动态的添加一组组件

Ext怎么实现动态的添加文本框 比如,我在一个面板上,有一个按钮,我按一下按钮,面板下又会多出一组组见

如何在编辑HTML中,一下生成相同标签很多个,数量不定

``` 比如 有的视频中讲解的是在<body> p{hahahha}*5再点击tab键 </body> 就会出现五个<p>hahaha</p>这样的 内容。但是我打不出来,请问是怎么回事? 并且有人会别的方法吗 ```

Java 这JTable 中如何添加复选框和按钮问题

类似如图,所示,第一列是一个复选框,可以多选,最后一列是两个按钮,第三列是一个超链接的网址 ,我按照网上的方法用了自定义编辑器和渲染器遇到几个问题 1、复选框只能单选 2、按钮必须双击才会生效 3、我这表是空的,需要用户自行添加数据的,该如何实现 可能还有未知问题,请教大佬 图片放在下面了

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问