Question

我想将Thymeleaf中的onClick上的多个参数传递给javascript函数。

<label th:onclick="getUserId(userId,email);" for="radio-11" data-toggle="tooltip" data-placement="bottom" data-trigger="hover"  class="pm-tab1-pad">

我的Javascript函数是：-

<script>
   function getUserId(userID,userEmail){
      console.log(userID,userEmail);
    }
</script>

如何做到？

Answer 1

可以使用以下方法完成：-

<label th:onclick="getUserId([[${userId}]],[[${email}]] );" for="radio-11" data-toggle="tooltip" data-placement="bottom" data-trigger="hover"  class="pm-tab1-pad">

在此，userId为Integer类型，结束电子邮件为String类型。

更新：-

这也有效：-

<label th:data-parameter1="${userId}" th:data-parameter2="${email}"  th:onclick="getUserId(this.getAttribute('data-parameter1'),this.getAttribute('data-parameter2'));" for="radio-11" data-toggle="tooltip" data-placement="bottom" data-trigger="hover"  class="pm-tab1-pad">

Thymeleaf onclick将字符串作为参数值发送到javascript函数

1 个答案: