根據複選框值隱藏或顯示字段。如果選中複選框，則顯示標籤和字段（如果未選中）將其隱藏在playframework中

Question

我有一個表單，其中必須根據複選框的值顯示某些字段。

下面

在我看來是

 @checkbox(
     userModelForm("isStudent"), 
     '_label -> <font color = "grey"> Student</font>, 
     '_showConstraints -> false 
    ) 

的代碼，如果這個複選框被選中，我需要顯示以下輸入文本，如果沒有這應該被隱藏

 @inputText(
      userModelForm("StudentId"),     
      '_label -> <font color = "grey" > Student Id </font> , 'class -> "form-control", 
      '_help -> "Realtors, please enter Your Student id.", 
      '_error -> userModelForm.globalError 
     ) 

感謝

Answer 1

我會把@inputText放在一個隱藏的div中，<div style="display: none;">然後使用javascript來顯示/隱藏它。如果你有很多隱藏的div，我會應用.css文件中的樣式。 （內聯不太好）

您需要在複選框中添加一個ID。

 @checkbox(
    userModelForm("isStudent"), 
    '_label -> <font color = "grey"> Student</font>, 
    '_showConstraints -> false, 
    'id -> "show-student-checkbox" 
) 

然後看看這個，get selected value of dropdown 這樣您就可以編寫if測試，取消隱藏股利。

看看這個藏漢如果您不確定躲在+取消隱藏divs