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

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 类型，end email 是 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">