thymeleaf调用onclick传参调用js函数（多参数）写法

实现功能：点击触发，将表格中当前行的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_id'),this.getAttribute('data-t_name'))" 
class="ui button basic red m-padded-small delete">删除</a>

js代码

function setDelParam(id,name){
        $("#deleteId").val(id);
        $("#deleteName").val(name);
        showDelete();
}

参考资料：在Thymeleaf中使用onClick时如何将参数传递给javascript函数调用