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 然后，您必须编写取消隐藏div的if测试。

如果您不确定隐藏+取消隐藏divs

，请查看此内容

根据复选框值隐藏或显示字段。如果选中复选框，则显示标签和字段（如果未选中）将其隐藏在播放框架中

1 个答案: