2017-06-17 80 views
0

我在Spring MVC + Thymelaf上很新。如何讓一個按鈕不可見,而另一個按鈕則在用戶點擊時可見

在我的Spring MVC + Thymeleaf應用程序中,我有兩個按鈕。我想在用戶點擊另一個時使其中的一個可見,並使用戶以前點擊過的不可見。您可以在下面看到示例代碼。

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

沒有完整的網站就不可能任何重裝。你應該使用Javascript。 – benkuly

+0

它不能通過使用Spring MVC完成? – user2307786

+0

它可以:您的控制器必須評估請求,然後爲thymeleaf設置模型值。但是:這不是一個很好的現代化解決方案。 P.S .:'th:disabled'不會讓你的輸入不可見。用「th:if」代替。 – benkuly

回答

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'" /> 
相關問題