thymeleaf 使用onclick传递参数问题

最新推荐文章于 2026-05-12 05:47:05 发布
原创 最新推荐文章于 2026-05-12 05:47:05 发布 · 7.1k 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#thymeleaf
本文详细介绍了在Thymeleaf中如何使用th:onclick属性替代标准的onclick事件，适用于处理页面上的JavaScript函数调用。文章提供了两种写法示例，并强调了在传递字符串参数时正确使用引号的重要性。

thymeleaf页面使用th:onclick代替onclick

写法

1使用“|”： <a th:onclick="|javascript:member_del(this,${month.allTrafficMonthId})|" href="javascript:;"></a>

2 使用引号：<a th:onclick="‘javascript:member_del(this,'+${month.allTrafficMonthId}+')’" href="javascript:;"></a>

注意

传递参数时如果参数是数字这样写没有问题，但是如果参数是字符串onclick的方法将无法接收到参数并报错，所以参数是字符串时要加单引号。写法如下：

1. <a th:onclick="|javascript:member_del(this,‘${month.allTrafficMonthId}’)|" href="javascript:;"></a>

2. <a th:onclick="‘javascript:member_del(this,\''+${month.allTrafficMonthId}+'\')’" href="javascript:;"></a>

thymeleaf中如何给onclick事件传值的方法
猿小白的博客
06-22 2658
方法一： 方法二：
thymeleaf使用onclick传递参数
这天有点热的博客
07-30 8247
转自Eve慕 Springboot中使用thymeleaf，在用户列表中希望点击删除按钮就删除当前用户，需要传递当前用户的id。 &lt;table class="table table-bordered table-hover"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;id&lt;...
STM32 HAL库实战：用CD74HC4067扩展模拟输入，手把手教你避开多路复用器的那些坑
最新发布
weixin_30376083的博客
05-12 422
本文详细介绍了如何使用STM32 HAL库驱动CD74HC4067多路复用器扩展模拟输入通道，并分享了硬件设计、GPIO配置、时序控制、多片级联等实战经验。通过优化PCB布局、调整HAL库配置及精准控制切换时序，有效解决了信号串扰、切换延时等常见问题，提升ADC采集稳定性。特别适用于传感器密集的嵌入式系统开发。
thymeleaf中onclick事件动态传递参数问题
☆往事随風☆的博客
03-31 3186
thymeleaf中onclick事件动态传递参数问题1. 动态传递Number类型或Boolean类型1.1 动态传递一个Number 类型1.2 动态传递一个Boolean类型2. 动态传递字符串类型3. 动态传递多个参数4. 说明 1. 动态传递Number类型或Boolean类型 1.1 动态传递一个Number 类型 <button th:onclick="|test(${session.friend.id})|">测试</button> 1.2 动态传递一个Bool
thymeleaf模板使用th:onclick进行传参
u012501054的博客
11-13 7879
错误的写法： th:onclick="'javascript:editUser('+${prod.id}+');'" 错误原因是因为:如果${prod.id}是整数上面那样写是可以的，但如果是字符串，就必须用下面正确的写法(具体可以通过检查元素来查看到底传的是什么参数，该转义就转义就可以了) 正确的写法： th:onclick="'javascript:editUser(\''+${p...
thymeleaf 3.0版本中th:onclick属性传递参数问题
weixin_46346581的博客
07-22 585
没怎么接触过thymeleaf，前天学习用到thymeleaf，页面的 th:onclick属性引用的函数参数的入参是 model值，用的时候发现获取不到model值，页面报的错误很奇怪， 看页面发现应该是调用函数传入参数有问题 翻了一下页面代码 应该是这里的写法有问题，网上找了一天，发现，说法很多，thymeleaf3.0的写法应该是这样： 改完之后还是一个鸟样，心情烦躁睡个觉，想了一下从床上跳起来，打开WebMvc的配置类找到Thymeleaf标准方言解释器，会不会是版本不对，改了pom.xml的
thymeleaf 使用th:onclick传递参数问题：
Jesee的博客
11-15 1万+
使用方法： 注意： 传递参数时如果参数是数字这样写没有问题，但是如果参数是字符串onclick的方法将无法接收到参数并报错，所以参数是字符串时要加单引号。如上图。 ...
thymeleaf模板使用onclick进行传参
不抛弃、不放弃：Aaron莫言
04-17 1606
<td class="areadef"> <a href="#" th:onclick="'javascript:delRewardBase(\''+${rs.mId}+'\');'">删除</a> </td>
thymeleaf 的 th:onclick 设置函数参数
qq_45708267的博客
04-15 1711
thymeleaf 的 th:onclick 引用的函数参数的入参是 model值的时候注意写法了。3.0.10 开始就变了。 方式一： <button class="btn" th:onclick="'getName(\'' + ${person.name} + '\');'">获得名字</button> 方式二： <button class="btn" th:onclick="'getName(' + ${person.name} + ');'">获得名字</
thymeleaf点击事件传递参数
shuai的博客
03-14 3505
thymeleaf点击事件传递参数
thymeleaf使用onclick事件传递多个参数
JOJO!
10-19 5874
thymeleaf使用onclick事件传递多个参数最近在学习thymeleaf 的时候遇到的问题,使用onclick传递参数到function中 最近在学习thymeleaf 的时候遇到的问题,使用onclick传递参数到function中 报错信息如下: Caused by: org.thymeleaf.exceptions.TemplateProcessingException: Could...
thymeleaf a标签 执行 onclick 事件传参数 的写法
tfish的专栏
01-19 9511
thymeleaf a标签 执行 onclick 事件传参数 的写法： &lt;a href = "javascript:void(0)"                    th:onclick = "|javascript : toDeleteUser( '${ user.id }' )|" &gt;删除&lt;/a&gt; 或者 &lt;a href = "javascript:vo...
thymeleaf 3.0版本中th:onclick属性传递参数
gangsijay888的博客
09-06 1759
thymeleaf 2.x <a th:attr="data-bind=${priceBlock.key}" href="javascript:void(0);" th:οnclick="'changeSimpleCondition(\'priceBlock\',\'' + ${priceBlock.key} + '\')'" th:text="${priceBlock.val...
Thymeleaf中通过th:onclick传递变量作为参数
https://github.com/blingbling-110
01-17 3130
当变量是整数时可以用常规写法： th:οnclick="'javascript:editUser('+${prod.id}+');'" 当变量是字符串时需要转义： th:οnclick="'javascript:editUser(\''+${prod.id}+'\');'" 或者这样写： th:οnclick="editUser([[${prod.id}]]);" ...
thymeleaf 页面a标签 onclick传参数使用方式
热门推荐
fengcai0123的专栏
07-04 2万+
thymeleaf a标签onclick 传多个参数给ajax使用,用 ‘’单引号。 &lt;a href="javascript:void(0)" th:onclick= "'javascript:goRead('+${item.id}+','+${cartoon.id}+')'" target="_blank" th:title="${item.title}"&gt; &lt;scrip...
thymeleaf使用onclick传值出现问题的解决方法
weixin_43796595的博客
03-02 1423
直接上图 首先两个button标签，注意看圈出来的地方，模态框的绑定就不用多说了，然后看我传值方法，这个时候这样写是报错的 然后可以看到报了这样的错，应该就是不让用这些字符，我开始的时候也是百度了半天，试了各种方法，都是报错，然后我就浪费了半天时间，今天开始自己又捣鼓了一会，就试试不管这个错误会怎么样，然后竟然成功了，虽然我不知道怎么解决这个预编译错误，但是得出的结论就是这个错误可以忽略，这样来写值还是可以照常传进去的！！！！！ 接下来看我的验证： 删除按钮对应的show函数 点击删除后弹出的us
SpringBoot集成thymeleaf中onclick传参的各种方法,别再被坑了，我被坑了一天。
lb_hard的博客
03-05 2236
SpringBoot2.1.6版本 --亲测可用 <a href="javascript:;" title="删除" th:data-toggle="${indent.getWholesalerId()} th:onclick="remove(this.getAttribute('data-toggle'));"删除</a> 之前的用法 <a href="...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值