Thymeleaf 给 onclick 赋值:单值、多值和多个参数
AI: 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 函数。
如果要给一个 onclick 赋多个参数,可以使用逗号将参数分隔开。例如:
<button th:onclick="'javascript:myFunction('' + ${param1} + '','' + ${param2} + '');'">Click me</button>
其中,${param1} 和 ${param2} 是 Thymeleaf 中的变量名,可以替换为具体的变量值。在 onclick 中,我们使用单引号将整个 JavaScript 代码包含起来,并使用加号将变量值拼接在一起。myFunction 是 JavaScript 函数的名称,其中包含两个参数。点击按钮时,会将 ${param1} 和 ${param2} 作为参数传递给 JavaScript 函数。
原文地址: https://www.cveoy.top/t/topic/nzHS 著作权归作者所有。请勿转载和采集!