在复选框单击或选中时显示百里香片段

Question

我有一个带有复选框的表单。我想在用户单击（选中）复选框时显示一个片段。

在 Thymeleaf 中是否有办法通过使用任何 th:* 函数或如何在复选框单击时在 thymeleaf 中显示片段。

Answer 1

有两种方法可以解决您的要求...

1. 在复选框单击事件上创建一个简单的 JavaScript 处理程序，并使用一些参数/隐藏值提交您的表单。当服务器处理“onSubmit”请求时，检查此值，如果 chackbox 被破解，则使用包含的附加片段呈现视图（Thymeleaf 模板）。反之亦然，当复选框未选中时呈现没有此片段的视图。此解决方案并不理想，因为每次用户检查 ckeckbox 时，您的服务器都会受到点击。
2. 始终呈现包含在页面中的片段的视图。默认情况下隐藏样式为display:none; 的顶级片段元素。在复选框单击事件上创建一个简单的 JavaScript 处理程序，并将此样式从 none 切换到 block ，反之亦然。此解决方案完全在用户的浏览器中运行，不需要提交到您的服务器。