Spring mvc 如何使一个按钮不可见，而另一个按钮在用户单击时可见

我在春季MVC+Thymelaf非常新

在我的SpringMVC+Thymeleaf应用程序中，我有两个按钮。我想在用户单击另一个按钮时使其中一个按钮可见，并使用户先前单击的按钮不可见。您可以看到下面的示例代码

   <input type="button" value="First Button" /> 
   <input type="button" value="Second Button           th:disabled="${model.disabled}"/>

您可以使用
th:classappend
完成此操作

示例代码：

    <style>
        .hide{
            display : none;
        }
       .show{
            display : inline;
        }
    </style>
     <input type="button" value="First Button" /> 
       <input type="button" value="Second Button     
    th:classappend="${model.disabled}? 'hide' : 'show'" />


.隐藏{
显示：无；
}
.表演{
显示：内联；
}
如果不重新加载整个站点，则不可能重新加载。您应该使用Javascript。这不能通过使用SpringMVC来完成吗？可以：您的控制器必须评估请求，然后为thymeleaf设置一个模型值。但是：这不是一个好的现代解决方案。注意：
th:disabled
不会使您的输入不可见。改为使用
th:if
。这是正确的，如果您不想重新加载站点，则应使用JS，如果重新加载是可以接受的，则应使用th:if。