Thymeleaf 中给 onclick 赋值的语法详解

Thymeleaf 给 onclick 赋值的语法详解

基本语法

Thymeleaf 给 onclick 赋值的语法如下：

<button th:onclick='javascript:myFunction('${variableName}');'>Click me</button>

其中，'${variableName}' 是 Thymeleaf 中的变量名，可以替换为具体的变量值。myFunction 是 JavaScript 函数的名称。在 onclick 中，我们使用单引号将整个 JavaScript 代码包含起来，并使用双引号将变量值括起来。

赋多个值

如果要给一个元素赋多个 onclick 值，可以使用 Thymeleaf 的 th:attr 指令。例如：

<button th:attr="onclick='alert('Hello');' + onclick='alert('World');'">Click me</button>

这样就可以给按钮元素赋两个 onclick 值，点击按钮时会依次执行两个 JavaScript 函数。