td中a标签中onclick事件传值，js接值读取

短命女 2024-04-20 22:03 83阅读 0赞

开始的写法

' <td> <a   href="javascript:void(0);"  onclick="delete1(item.fileName)";>文件下载</a></td>'

function delete1(filename) {
       
            filename=encodeURIComponent(encodeURIComponent(filename))

导致![在这里插入图片描述][6d8465ef046247a7a3dacff2e59d5d3d.png]  
无论点击拿个 删除的都是最后一个文件

更改

' <td> <a   href="javascript:void(0);"  filename='+item.fileName+' onclick="delete1(this)";>文件下载</a></td>'

function delete1(objInfo) {
            var filename= $(objInfo).attr("filename");
            filename=encodeURIComponent(encodeURIComponent(filename))

参考大佬的博客 [特 a标签中onclick事件传值，js接值读取][a_onclick_js]

新问题 在传递过程中 例如这个文件名字 original\_894985a3a669b78f7826f39e - 副本.png  
传递中 - 副本 消失

解决

' <td> <a   href="javascript:void(0);"  filename='+encodeURIComponent(item.filename)+' onclick="delete1(this)";>文件下载</a></td>'

function delete1(objInfo) {
            var filename= $(objInfo).attr("filename");
            filename=encodeURIComponent(filename)

[6d8465ef046247a7a3dacff2e59d5d3d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/4c6cb5060aea4b32a663bb0eedfdfde1.png
[a_onclick_js]: https://blog.csdn.net/u014737582/article/details/81231164?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162864478116780264060540%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=162864478116780264060540&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-10-81231164.first_rank_v2_pc_rank_v29&utm_term=a%E6%A0%87%E7%AD%BE%E7%BB%91%E5%AE%9Aonclick&spm=1018.2226.3001.4187

发表评论取消回复

表情：

评论列表（有 0 条评论，83人围观）

还没有评论，来说两句吧...

相关阅读

相关 td中a标签中onclick事件传值，js接值读取

开始的写法 ' <td> <a href="javascript:void(0);" onclick="delete1(item.fileName...

短命女/ 2024年04月20日 22:03/ 0 赞/ 84 阅读

相关 thymeleaf中如何给onclick事件传值的方法

> thymeleaf将值传给onclick事件？下面介绍两种方法。 > > 说明：文章中的categories参数是一个map数据结构。目录方法一：方法二：

红太狼/ 2023年10月03日 19:22/ 0 赞/ 22 阅读

相关 HttpClient的传值接值

1，客户端 public static void main(String\[\] args) \{ Map<String, String> map = new HashM

ゝ一世哀愁。/ 2022年10月01日 00:50/ 0 赞/ 228 阅读

相关 springMVC中RestTemplate传值接值

我们需要给接口推送数据以及接口接收数据的时候，可以用springmvc中的一种简单方法 1.需要在spring-mvc.xml中配置信息转化器。 <bean id = "s

短命女/ 2022年10月01日 00:49/ 0 赞/ 189 阅读

相关 JS 中 onclick 事件四种传参方式

1、在页面中给方法传参数，有如下的两种方法：方法1，οnclick=cancel(id，patientId); 在js文件中定义cancel方法如果要把当

分手后的思念是犯贱/ 2022年07月15日 04:26/ 0 赞/ 709 阅读

相关 js中重写a标签的href属性和onclick事件

Html A标签中 href 和 onclick用法、区别、优先级别 2016年03月07日 12:39:41 阅读数：7841 http://gocom.prime

柔光的暖阳◎/ 2022年05月25日 09:20/ 0 赞/ 444 阅读

相关 jquery获取tr中获取td的值，获取td中的input的值

获取tr中的td是根据当前td的下标获取的，获取td中input的值是根据input的当前下标获取的；如图所示：红圈中td的当前下标是5，但是input的当前

刺骨的言语ヽ痛彻心扉/ 2022年03月22日 06:17/ 0 赞/ 933 阅读

相关 react中a标签跳转传值菜单页

a标签页 <div className={styles.tableCenter}>{val ? <a href={`/userdetail/user-detail

素颜马尾好姑娘i/ 2021年10月19日 01:56/ 0 赞/ 488 阅读

相关拼接原生js onclick方法传值

onclick="copyText(\'' + json.obj[i].id +'\',\'' + json.obj[i].course +'\')

古城微笑少年丶/ 2021年09月28日 03:36/ 0 赞/ 368 阅读

相关 a标签的onclick事件

a标签的onclick事件简单介绍标签的常用点击事件的写法及作用 a href=”javascript:void(0);” οnclick=”js\_method()”

骑猪看日落/ 2021年09月16日 04:48/ 0 赞/ 431 阅读