thymeleaf 使用onclick传递参数问题

最新推荐文章于 2023-03-03 15:15:37 发布
最新推荐文章于 2023-03-03 15:15:37 发布
阅读量7k 收藏 3
点赞数 3
分类专栏： Java问题 文章标签： thymeleaf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/minion_banana/article/details/83149552
版权

thymeleaf页面使用th:onclick代替onclick

写法

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

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

注意

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

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

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

thymeleaf中如何给onclick事件传值的方法
猿小白的博客
06-22 2119
方法一： 方法二：
thymeleaf调用onclick传参调用js函数（多参数）写法
SixthMagnitude的博客
01-11 3140
实现功能：点击触发，将表格中当前行的id和name传递给js函数 通过th:data-xxxxxx(自定义参数名)="参数值" ,然后将其通过(this.getAttribute('data-xxxxxx')获取该值，多个参数之间直接逗号隔开即可。 html代码 <a href="#" th:data-t_id="${type.id}" th:data-t_name="${type.name}" th:onclick="setDelParam(this.getAttribute('data-t_i
thymeleaf使用onclick传递参数
这天有点热的博客
07-30 8140
转自Eve慕 Springboot中使用thymeleaf，在用户列表中希望点击删除按钮就删除当前用户，需要传递当前用户的id。 &lt;table class="table table-bordered table-hover"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;id&lt;...
thymeleaf onclick传参问题
qq_16607641的博客
05-17 498
先让你们看下正确的写法，亲测有效！！！！： <a th:data-id="${syx.id}" href="javascript:void(0);" onclick="serarchDataById(this,this.getAttribute('data-id'))" th:text="${syx.sickNessname}"></a> 用thymeleaf 这玩意，是挺方便的，但是根据也很坑，因为都是向下兼容，它和倒好，直接给你弄死了。 开始我的写法是这样的： <
thymeleaf 的 th:onclick 设置函数参数
qq_45708267的博客
04-15 1591
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 3.0版本中th:onclick属性传递参数
Kevin的博客
02-12 2351
thymeleaf 2.x &lt;a th:attr="data-bind=${priceBlock.key}" href="javascript:void(0);" th:onclick="'changeSimpleCondition(\'priceBlock\',\'' + ${priceBlock.key} + '\')'" th:text="${priceBlock.va...
thymeleaf点击事件传递参数
shuai的博客
03-14 3324
thymeleaf点击事件传递参数
Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码
08-30
在上面的示例代码中，我们使用 Thymeleaf 的变量表达式来生成 onclick 事件处理函数，例如 `th:onclick="'javascript:check('+${corp.id}+',2)'"`。这个事件处理函数将在点击按钮时被触发，并将 corp.id 和 status ...
thymeleaf的th:onclick传递一个或多个参数
weixin_43849269的博客
02-26 1419
传递一个参数: <a id="deleteBtn" href="javascript:void (0)" th:onclick="deleteUserByID([[${user.userid}]])" >删除</a> <script type="text/javascript"> function deleteUserByID(id) { alert(...
thymeleaf th:onclick 传递对象
最新发布
09-02
对于Thymeleaf中的th:onclick属性，您可以使用JavaScript函数来传递对象。下面是一个示例： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> function handleClick(obj) { // 在这里处理...
Thymeleaf 标签学习 之 th:onclick 的使用
嘟噜熊恋爱.
03-03 2289
Thymeleaf 标签 th:onclick的使用
thymeleaf onclick传递多个参数
qq_43295935的博客
05-14 339
标题thymeleaf传递多个参数 只要在引号之间添加两个 | | 就可以了 在 | | 之间写代码即可 <button class="layui-btn" th:onclick="|deletePerson(${person.getId()},${personStart.index})|">删除</button> <script> function deletePerson(id, startIndex) { } </script> ...
thymeleaf使用onclick事件传递多个参数
JOJO!
10-19 5758
thymeleaf使用onclick事件传递多个参数最近在学习thymeleaf 的时候遇到的问题,使用onclick传递参数到function中 最近在学习thymeleaf 的时候遇到的问题,使用onclick传递参数到function中 报错信息如下: Caused by: org.thymeleaf.exceptions.TemplateProcessingException: Could...
thymeleaf 3.0版本中th:onclick属性传递参数问题
weixin_46346581的博客
07-22 495
没怎么接触过thymeleaf，前天学习用到thymeleaf，页面的 th:onclick属性引用的函数参数的入参是 model值，用的时候发现获取不到model值，页面报的错误很奇怪， 看页面发现应该是调用函数传入参数有问题 翻了一下页面代码 应该是这里的写法有问题，网上找了一天，发现，说法很多，thymeleaf3.0的写法应该是这样： 改完之后还是一个鸟样，心情烦躁睡个觉，想了一下从床上跳起来，打开WebMvc的配置类找到Thymeleaf标准方言解释器，会不会是版本不对，改了pom.xml的
thymeleaf模板使用th:onclick进行传参
u012501054的博客
11-13 7777
错误的写法： th:onclick="'javascript:editUser('+${prod.id}+');'" 错误原因是因为:如果${prod.id}是整数上面那样写是可以的，但如果是字符串，就必须用下面正确的写法(具体可以通过检查元素来查看到底传的是什么参数，该转义就转义就可以了) 正确的写法： th:onclick="'javascript:editUser(\''+${p...
thymeleaf使用onclick传值出现问题的解决方法
weixin_43796595的博客
03-02 1292
直接上图 首先两个button标签，注意看圈出来的地方，模态框的绑定就不用多说了，然后看我传值方法，这个时候这样写是报错的 然后可以看到报了这样的错，应该就是不让用这些字符，我开始的时候也是百度了半天，试了各种方法，都是报错，然后我就浪费了半天时间，今天开始自己又捣鼓了一会，就试试不管这个错误会怎么样，然后竟然成功了，虽然我不知道怎么解决这个预编译错误，但是得出的结论就是这个错误可以忽略，这样来写值还是可以照常传进去的！！！！！ 接下来看我的验证： 删除按钮对应的show函数 点击删除后弹出的us
thymeleaf中onclick事件动态传递参数问题
☆往事随風☆的博客
03-31 2802
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传递字符串问题
DEMO哥
04-07 3305
最近做Springboot的项目，在使用Thymeleaf模板时使用了th:onclick属性来调用JavaScript方法，其中涉及到ajax传入UUID到后台异步更新数据的功能。然而我的写法是这样的： <button class="btn btn-primary btn-xs" th:onclick="'javascript:audit(\''+${items.id }+'\');...
thymeleaf a标签 执行 onclick 事件传参数 的写法
tfish的专栏
01-19 9361
thymeleaf a标签 执行 onclick 事件传参数 的写法： &lt;a href = "javascript:void(0)"                    th:onclick = "|javascript : toDeleteUser( '${ user.id }' )|" &gt;删除&lt;/a&gt; 或者 &lt;a href = "javascript:vo...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值