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

Question

我想在从 Thymeleaf 到 javascript 函数的 onClick 上传递多个参数。

<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">