如何在用户点击按钮时隐藏按钮并显示其他按钮

时间:2017-06-17 11:06:47

标签: spring-mvc thymeleaf

我是Spring MVC + Thymelaf的新手。

在我的Spring MVC + Thymeleaf应用程序中,我有两个按钮。当用户点击另一个时,我想让其中一个可见,并使之前被用户点击的那个看不见。您可以在下面看到示例代码。

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

1 个答案:

答案 0 :(得分:0)

您可以使用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'" />